Событие get_bounds карт Google запускается несколько раз

Question

Я использую V3 javascript api для карт Google, чтобы добавить больше маркеров при изменении границ карты. Проблема в том, что когда я немного перетаскиваю карту, а затем заканчиваю перетаскивать поток событий, они запускаются сразу. Похоже, они стоят в очереди во время перетаскивания карты.

Можно ли как-нибудь добавить таймер, чтобы остановить это, или мне придется использовать события zoom_changed и dragend в качестве обходного пути?

Вот соответствующий код:

google.maps.event.addListener(map, 'bounds_changed', function() {
  var bounds_url = map.getBounds().toUrlValue();
  $.ajax({
    //... 
  });
});

Answer 1

Это известная ошибка, команда Google рекомендует использовать:

google.maps.event.addListener (map, 'idle', function () {});

Answer 2

Добавьте тайм-аут, который запускает ваш код через 500 мсек после срабатывания события, каждый раз при возникновении события сбрасывает тайм-аут и создает новый.

google.maps.event.addListener(map, 'bounds_changed', (function () {
    var timer;
    return function() {
        clearTimeout(timer);
        timer = setTimeout(function() {
            // here goes an ajax call
        }, 500);
    }
}()));