0

我有一个使用 API V3 的嵌入式谷歌地图，但我无法将其默认缩放为 1 以外的任何值。

我脑子里的JS是：

            var map1;
            var src1 = 'https://latitude.google.com/latitude/apps/badge/api?user=8963899225283336226&type=kml';
            function initialize1() {
                map1 = new google.maps.Map(document.getElementById('map-canvas'), {
                zoom: 7,
                mapTypeId: google.maps.MapTypeId.TERRAIN
              });
              loadKmlLayer1(src1, map1);
            } 

            google.maps.event.addDomListener(window, 'load', initialize1);

            function loadKmlLayer1(src1, map1) {
              var kmlLayer1 = new google.maps.KmlLayer(src1, {
                suppressInfoWindows: false,
                clickable: true,
                preserveViewport: false,
                map: map1
              });
            }

HTML 只是地图画布 div，仅此而已。看看这里的一些线程，它看起来与检测视口和重置边界有关。

我发现一个线程建议添加如下内容：

            google.maps.event.addListener(kmlLayer1, 'defaultviewport_changed', function() {
            var bounds = kmlLayer1.getDefaultViewport();
            map.setCenter(bounds.getCenter());
            })

但这没有任何区别。我绝不是 JS 专家，虽然我基本了解上面大部分代码中发生的事情，但我还不够先进，无法即兴创作，甚至无法理解它应该放在哪里。

4

2 回答 2

2

谢谢莫勒。

我对此进行了增强，并且可以正常工作：

google.maps.event.addListener(kmlLayer, 'status_changed', function () {
  console.log('kml loaded:');
  google.maps.event.addListenerOnce(map, 'zoom_changed', function () {
    console.log('zoom_changed:');
    map.setZoom(7);
    map.setCenter(new google.maps.LatLng(0, 0));
  });
});
于 2013-11-20T20:53:48.470 回答
1

API 将设置视口以包含所有 KML 功能，这将覆盖缩放设置。

缩放更改后重置缩放（就像加载 KML 图层时一样）

google.maps.event.addListenerOnce(map1, 'zoom_changed', function() {
  this.setZoom(7);
})
于 2013-04-10T21:39:00.963 回答