在Google Maps API V3中使用fitBounds()后使用setZoom()

我正在使用fitBounds()在我的地图上设置缩放级别,也包括当前显示的所有标记。 但是,当我只有一个标记可见时,缩放级别为100%(...我认为哪个缩放级别20 ...)。 但是,我不希望它被放大,所以用户可以调整标记的位置而不必缩小。

我有以下代码:

var marker = this.map.createMarker(view.latlng, this.markerNumber);
this.map.bounds.extend(view.latlng);
this.map.map.setCenter(this.map.bounds.getCenter());
this.map.map.fitBounds(this.map.bounds);
if (this.markerNumber === 1) {
  this.map.map.setZoom(16);
}
this.markerNumber++;

其中this.map.bounds之前定义为:

this.map.bounds = new google.maps.LatLngBounds();

但是,我遇到的问题是行this.map.map.setZoom(16); 如果我使用this.map.map.fitBounds(this.map.bounds); 但是,我知道这行代码是正确的,因为当我注释掉fitBound()行时,setZoom()神奇地开始运行。

任何想法如何解决这个问题? 我想设置一个maxZoom级别作为替代,如果我不能得到这个工作。


好的,我明白了。 显然,fitbounds()是异步发生的,因此在设置缩放工作之前,您必须等待bounds_changed事件。

map = this.map.map;

map.fitBounds(this.map.bounds);
zoomChangeBoundsListener = 
    google.maps.event.addListenerOnce(map, 'bounds_changed', function(event) {
        if (this.getZoom()){
            this.setZoom(16);
        }
});
setTimeout(function(){google.maps.event.removeListener(zoomChangeBoundsListener)}, 2000);

更新 :查看@ Nequin的答案,使用addListenerOnce获得更好的解决方案,不需要超时。


google.maps.event.addListenerOnce(yourMap, 'bounds_changed', function(event) {
  if (this.getZoom() > 15) {
    this.setZoom(15);
  }
});

此解决方案效果更好...而不是等待超时删除侦听器。 在使用fitBounds之前直接调用它(我相信之后调用也会起作用)。


我发现附加变焦有点震动。 如果您在调用fitBounds之前设置maxZoom选项(然后在回调中取消设置),您可以避免它:

map.setOptions({
    maxZoom: 10
});

map.setCenter(new google.maps.LatLng(-89, -179)); // make sure it changes so the idle listener gets called back

map.fitBounds(bounds);

var listener = google.maps.event.addListenerOnce(map, "idle", function()
{
    map.setOptions({
        maxZoom: 999
    });
});
链接地址: http://www.djcxy.com/p/81567.html

上一篇: Using setZoom() after using fitBounds() with Google Maps API V3

下一篇: How to affect the "grace margin" of map.fitBounds()