Límites de eventos de Google Map cambiados activados varias veces al arrastrar

Mientras que la respuesta seleccionada es la mejor para la mayoría de las circunstancias. Si desea controlar el retraso usted mismo, simplemente puede usar algo como;

 var mapupdater;

 {....}

 google.maps.event.addListener(map, "bounds_changed", mapSettleTime); 


 function mapSettleTime() {
     clearTimeout(mapupdater);
     mapupdater=setTimeout(getMapMarkers,500);
 }

Agregue un tiempo de espera, que ejecute su código 500ms después de que se inicie el evento, cada vez que se inicie el evento, borre el tiempo de espera y cree uno nuevo.

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

Deberías comprobar cómo funciona una función de debounce. Un buen artículo de Taylor Case lo define como sigue:

Esta función se construye con el fin de limitar la cantidad de veces la función se llama-scroll events, mousemove events y keypress los eventos son todos grandes ejemplos de eventos que podríamos querer capturar, pero puede ser bastante agotador si los capturamos cada vez que fuego.

Así que define la función en algún lugar de su código:

function debounce(fn, time) {
  let timeout;
  return function() {
    const args = arguments;
    const functionCall = () => fn.apply(this, args);
    clearTimeout(timeout);
    timeout = setTimeout(functionCall, time);
  }
}

Entonces solo usa esa función al agregar tu oyente:

google.maps.event.addListener(myMap, 'bounds_changed', debounce(() => { /* Do something here */ }, 250));

Parece que 250 ms es una buena frecuencia para usar aquí.

Intente usar tanto zoom_changed como dragend

Aquí hay un pequeño fragmento que eliminará todas las llamadas redundantes 'bound_changed':

var timeout;
google.maps.event.addListener(map, 'bounds_changed', function () {
window.clearTimeout(timeout);
timeout = window.setTimeout(function () {
    //do stuff on event
    }, 500);
}); //time in ms, that will reset if next 'bounds_changed' call is send, otherwise code will be executed after that time is up