加载新标记时，谷歌地图不会“自然”缩放

Question

我有这段代码可以加载 XML 图形标记，并且我还将它设置为在加载新标记时进行缩放。然而，我不喜欢的是缩放“立即”发生并且不会缓慢缩放到水平，而且由于某种原因，地图缩小得比它需要的远得多。我希望地图只缩小到需要的程度，以便标记可见。

有什么建议吗？谢谢！

clearOverlays();
downloadUrl("AllActivityxml.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var name = markers[i].getAttribute("id");
          var address = markers[i].getAttribute("id");
          var type = markers[i].getAttribute("venue_type");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = "<b>" + name + "</b> <br/>" + address;
          var icon = customIcons[type] || {};
markerBounds.extend(point);
          var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: icon.icon,
            shadow: icon.shadow

          });

          markersArray.push(marker);
          bindInfoWindow(marker, map, infoWindow, html);
          map.fitBounds(markerBounds);



        }
      });

Answer 1

缩放“立即”发生并且不会缓慢缩放到水平——这就是当您执行fitBounds() 时实际发生的情况。看起来你想要像map.panTo() 这样的东西，它使地图上的过渡与map.setCenter() 不同，但在fitBounds() 中并非如此。

地图的缩小也超出了它的需要——将map.fitBounds(markerBounds);移到for loop之外