How do I remove the 'bounds_changed' Event listener in Google Maps API v3?
google.maps.event.removeListener(_???_);
How do I remove the 'bounds_changed' Event listener in Google Maps API v3?
google.maps.event.removeListener(_???_);
Usually you can find answers to such questions in Google Maps API documentation.
As Andrew said, addListener returns a handle which you can use later to remove the listener. That's because a single event can have many listeners and to remove them you must save a reference to each of attached listeners.
There's also a function which removes all of the listeners at the same time:
clearListeners(instance:Object, eventName:string);
//In your case:
google.maps.event.clearListeners(map, 'bounds_changed');
Here's the Google Maps API reference where you can read about it.
google.maps.event.clearListeners(map, 'idle')
works. But map.clearListeners('idle')
doesn't. That syntax works for everything else in the API (.addListener
, etc). Odd.
addListener returns a handle which you can later pass to removeListener:
var listenerHandle = google.maps.event.addListener(map, 'bounds_changed', function() {
google.maps.event.removeListener(listenerHandle);
This seems to work in the current release.
var listenerHandle = google.maps.event.addListener(map, 'bounds_changed', function() {
// Handler code.
});
listenerHandle.remove();
listenerHandler.remove()
works for data-layer listeners as well -- i.e. google.maps.data.addListener
-- since there is NO google.maps.data.removeListener
method defined.
Nov 18, 2015 at 19:39
If you couldnt hold the listener object somehow you could remove listener(s) directly as google.maps.event.clearListeners(objectListened, 'event');
Ex: google.maps.event.clearListeners(map, 'bounds_changed');