Google Maps API V3 - add event listener to all markers?

Question

There's got to be a way to add a listener to ALL MARKERS, currently I'm adding a listener to each one using a loop which feels really wrong...

This feels wrong:

google.maps.event.addListener(unique_marker_id, 'click', function(){     //do something with this marker...                    });    

Answer 1

In both Marker and MarkerWithLabel case, you might just as well use the this keyword to refer the object to which the event handler is attached:

google.maps.event.addListener(marker, 'click', function () {    // do something with this marker ...    this.setTitle('I am clicked'); }); 

this here is referring to the particular marker object.

Answer 2

You need to add the listener to each marker, but you can make it easy by e.g. defining a function like

function createMarker(pos, t) {     var marker = new google.maps.Marker({                position: pos,          map: m,  // google.maps.Map          title: t           });      google.maps.event.addListener(marker, 'click', function() {         alert("I am marker " + marker.title);      });      return marker;   } 

and call it appropriately:

var m1 = createMarker(new google.maps.LatLng(...), "m1"); var m2 = createMarker(new google.maps.LatLng(...), "m2"); 

or in a loop, etc.