Adding ID's to google map markers

Question

I have a script that loops and adds markers one at a time.

I am trying to get the current marker to have an info window and and only have 5 markers on a map at a time (4 without info windows and 1 with)

How would I add an id to each marker so that I can delete and close info windows as needed.

This is the function I am using to set the marker:

function codeAddress(address, contentString) {  var infowindow = new google.maps.InfoWindow({   content: contentString });  if (geocoder) {    geocoder.geocode( { 'address': address}, function(results, status) {      if (status == google.maps.GeocoderStatus.OK) {          map.setCenter(results[0].geometry.location);         var marker = new google.maps.Marker({           map: map,            position: results[0].geometry.location        });         infowindow.open(map,marker);        } else {        alert("Geocode was not successful for the following reason: " + status);       }     });   } 

}

Answer 1

JavaScript is a dynamic language. You could just add it to the object itself.

var marker = new google.maps.Marker(markerOptions); marker.metadata = {type: "point", id: 1}; 

Also, because all v3 objects extend MVCObject(). You can use:

marker.setValues({type: "point", id: 1}); // or marker.set("type", "point"); marker.set("id", 1); var val = marker.get("id"); 

Answer 2

Just adding another solution that works for me.. You can simply append it in the marker options:

var marker = new google.maps.Marker({     map: map,      position: position,      // Custom Attributes / Data / Key-Values     store_id: id,     store_address: address,     store_type: type }); 

And then retrieve them with:

marker.get('store_id'); marker.get('store_address'); marker.get('store_type');