将fitBounds（）与Google Maps API V3结合使用后，使用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
    });
});

我有简单而肮脏的解决方案。
使用其他...

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

所有使用事件侦听器的解决方案都不适合我（在回调中始终未定义this.getZoom（），而this.setZoom（）无效）。

我想出了一个效果很好的解决方案：

function set_zoom() {
    if(map.getZoom()) {map.setZoom(map.getZoom() - 1);}
    else {setTimeout(set_zoom, 5);}
}
setTimeout(set_zoom, 5);