Використання setZoom () після використання fitBounds () з Google Maps API V3

Я використовую 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 як альтернативу, якщо мені не вдається це зробити.

Гаразд, я це зрозумів. Очевидно, підбірка () відбувається асинхронно, тому вам доведеться почекати 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(я вважаю, що дзвінок після також буде працювати)

Я виявив, що додаткове масштабування трохи стримує. Якщо ви встановите опцію maxZoom перед викликом fitBounds (а потім скасуєте її у зворотному виклику), ви можете уникнути цього:

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