Google Maps API v3 infowindow close event/callback?


Google Maps API v3 infowindow close event/callback?

I like to keep track of any and all infowindows that are open on my Google Maps interface (I store their names in an array), but I can’t figure out how to remove them from my array when they are closed via the “x” in the upper right hand corner of each one.
Is there some sort of callback I can listen for? Or maybe I can do something like
addListener(“close”, infowindow1, etc ?


Solution 1:

there’s an event for infowindows call closeclick that can help you

var currentMark;
var infoWindow = new google.maps.InfoWindow({
            content: 'im an info windows'
google.maps.event.addListener(marker, 'click', function () {
, this);
          currentMark = this;

   currentMark.setMap(null); //removes the marker
   // then, remove the infowindows name from the array

Solution 2:

The only consistent solution I’ve found here is to retain a pointer to the infoWindow and check its .getMap() method whenever you need to validate whether it has been closed.

The reason for this is that clicking another element can cause the infoWindow to be dismissed for other reasons… without the closeclick event firing.

var infoWindow = new google.maps.InfoWindow({ content: 'Something to put here.' });, infoWindow);

setInterval(function ()
    console.log("infoWindow is bound to map: "+(infoWindow.getMap() ? true : false));

}, 1000);

… If you literally only care if the infoWindow was closed using the “X” button, then monitoring closeclick is fine. However, there are other reasons it may be or have been closed.

Solution 3:

Try this:

var closeBtn = $('.gm-style-iw').next();{
    //other things you want to do when close btn is click

I overwrite this click function because the click button won’t work in safari after I change the css/position of it.