Google Maps嵌入函数中ZOOM参数设置位置求助

你在iframe标签里添加zoom="9"不生效，是因为Google Maps嵌入API的缩放参数需要追加到地图的请求URL中，而不是作为iframe的属性。

修改步骤： #

找到my_map_shortcode函数里的$map_url定义行，在URL末尾添加&zoom=9（你可以根据需要调整数字，缩放级别范围通常是1-20，数值越大地图显示越精细）：

$map_url = 'https://www.google.com/maps/embed/v1/place?key=AIzaSyAQGd95X0YBBzcLX4NwMeXEiCIjUy6dO4I&q=' . $latitude . ',' . $longitude . '&zoom=9';

修改后的完整my_map_shortcode函数： #

function my_map_shortcode() {
    $latitude = get_post_meta(get_the_ID(), 'latitude', true);
    $longitude = get_post_meta(get_the_ID(), 'longitude', true);

    if (empty($latitude) || empty($longitude)) {
        return '';
    }

    // 在这里添加zoom参数到URL中
    $map_url = 'https://www.google.com/maps/embed/v1/place?key=AIzaSyAQGd95X0YBBzcLX4NwMeXEiCIjUy6dO4I&q=' . $latitude . ',' . $longitude . '&zoom=9';

    return '<br></br>Posizione su mappa<br></br><iframe width="100%" height="600" frameborder="0" style="border:0" src="' . $map_url . '" allowfullscreen></iframe>';
}

这样修改后，地图就会按照你设置的zoom级别加载了。

内容的提问来源于stack exchange，提问作者Andrea Sacconi