Google map in javascript: Some markers don't have click event

Question

I have a problem when working with marker in Google map. A list of places that needs to appear on map, I create a loop for a all of them, every marker, I set a click event. But many (not all) markers don't have click event, I can't event click on them. Some markers still work. I don't know why, please help me, thanks so much. Here is my code.

// Store all markers
gMakers = [];

for (var key in places) {
  (function(key) {
    var location = {lat: Number(places[key].ln.lat), lng: Number(places[key].ln.lon)};
    var marker = new google.maps.Marker({position: location, map: map});

    marker.addListener('click', function() {
        alert('clicked');
    });
    gMakers.push(marker);
  })(key);
}

Answer 1

Try using this

// Store all markers
gMakers = [];
    for (var key in places) {
  (function(key) {
    var location = {lat: Number(places[key].ln.lat), lng: Number(places[key].ln.lon)};
    var marker = new google.maps.Marker({position: location, map: map});

    google.maps.event.addListener(marker, "click", function() {
    alert('clicked');
  });
    gMakers.push(marker);
  })(key);
});