I’ve got a setup in which multiple markers present, each loading in content to

Question

0

Asked: May 23, 20262026-05-23T21:54:40+00:00 2026-05-23T21:54:40+00:00

I’ve got a setup in which multiple markers present, each loading in content to

0

I’ve got a setup in which multiple markers present, each loading in content to a single InfoWindow when it’s clicked.

Unfortunately, it seems that the marker’s click event is not being fired when it’s clicked while another window is open.

This seems like an odd behavior. Has anyone else found this to be the case?

Thanks

My code below:

var infoWindow  = new google.maps.InfoWindow();

if(markers) {
    var length = markers.length;
    for(var i = 0; i < length; i++) {
        var details = markers[i];
        markers[i] = new google.maps.Marker({
            title: details.name,
            position: new google.maps.LatLng(details.location[0],details.location[1]),
            locCode: details.locCode
        });
        markers[i].setMap(map);
        var thisMarker = markers[i];
        google.maps.event.addListener(thisMarker, 'click', (function(thisMarker, i, details) {
            // self calling function was the key to get this to work
            return function() {
                $.ajax({
                    url: 'js/locations/'+details.locCode+'.js',
                    dataType: 'script',
                    success: function(data) {
                        // do my specific stuff here, basically adding html to the info-window div via jQuery

                        // set the content, and open the info window
                        infoWindow.setContent($("#info-window").html());
                        infoWindow.open(map, thisMarker);
                    }
                });
            }
          })(thisMarker, i, details));
    }
}