Question

我正在使用名为RomeLuv Google Maps for Wordpress的Wordpress插件，该插件根据帖子的自定义元标记中的地图位置值构建Google地图。

插件工作正常，除了地图的缩放级别，默认情况下尽可能地放大（example here）。< / p>

在插件代码中，缩放级别硬编码为17。我将其更改为10，但地图保持最近的缩放。

该插件输出以下代码，从查看生成的网页的源代码复制而来：

<div id="romeluv-global-map" style="width: 100%; height:600px;  "></div>
    <script type="text/javascript">
        var map = new google.maps.Map(document.getElementById("romeluv-global-map"), {
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            });

        var infowindow = new google.maps.InfoWindow();
        var bounds = new google.maps.LatLngBounds();
        var marker, i;
        var myIcon = new google.maps.MarkerImage("http://www.doig.com.au/test/volunteer/wp-content/uploads/firstaid.png", null, null, null, new google.maps.Size(32,37));
        marker = new google.maps.Marker({
        position: new google.maps.LatLng(-22.9794430, -43.2320800),
        map: map,
        icon: myIcon
        });

        bounds.extend(marker.position);
        google.maps.event.addListener(marker, "mousedown", (function(marker, i) {
            return function() {
                infowindow.setContent("<p style='width:95%'><a class='romeluv-google-map-link' href='http://www.doig.com.au/test/volunteer/midwife/'><b>Midwife</b></a><br /> <i>Midwifery</i>  <br />Address: <b>Rio De Janeiro, Brazil </b><br /><br /></p>");
            infowindow.open(map, marker);
            }
        })(marker, i));

    //  Fit these bounds to the map
    map.fitBounds(bounds);
</script>

这里是否错误地实现了缩放级别？

Answer 1

尝试添加“zoom：10”（或任何值）选项。

Answer 2

我认为在这种情况下，您在指定初始化地图时指定的缩放：10是由代码底部的map.fitBounds调用覆盖的。尝试评论该行/删除它，看看情况是否有效。

谷歌地图缩放变量无法识别

2 个答案: