在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()是asynchronous发生的,所以在设置缩放工作之前,你必须等待一个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更好的解决scheme,不需要超时。

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

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

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

 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 }); }); 

我有简单和肮脏的解决scheme。
使用如果其他…

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

我只在函数addBounds(position)添加了一行,并修复了它,如下所示:

  addBounds: function(position) { this.get('bounds', new google.maps.LatLngBounds()).extend(this._latLng(position)); this.get('map').fitBounds(this.get('bounds')); this.get('map').setZoom(16);//line added return this; },