当所有标记对象都具有相同名称时更改标记属性（谷歌地图）

Question

I have a google map on my website that is populated with markers through PHP. What I don't understand is how I can identify each marker individually since all marker objects have the same name.

This code is taken from the google developers page ( https://developers.google.com/maps/articles/phpsqlajax_v3 )

downloadUrl("phpsqlajax_genxml.php", function(data) {
  var xml = data.responseXML;
  var markers = xml.documentElement.getElementsByTagName("marker");
  for (var i = 0; i < markers.length; i++) {
    var name = markers[i].getAttribute("name");
    var address = markers[i].getAttribute("address");
    var type = markers[i].getAttribute("type");
    var point = new google.maps.LatLng(
        parseFloat(markers[i].getAttribute("lat")),
        parseFloat(markers[i].getAttribute("lng")));
    var html = "<b>" + name + "</b> <br/>" + address;
    var icon = customIcons[type] || {};
    var marker = new google.maps.Marker({
      map: map,
      position: point,
      icon: icon.icon,
      shadow: icon.shadow
    });
    bindInfoWindow(marker, map, infoWindow, html);
  }
});

For instance. If I want to make one of the markers invisible I usually use marker.setVisible(false) . However, in this case all markers have the same name ("marker").

Any help greatly appreciated.

Answer 1

You can keep track of all markers by keeping them in a list, for instance:

var markers = [];
for (/* .. */) {
    /* .. */
    var marker = new google.maps.Marker({
        map: map,
        position: point,
        icon: icon.icon,
        shadow: icon.shadow
    });
    markers.push(marker);
    bindInfoWindow(marker, map, infoWindow, html);
}
console.log(markers); // prints a list of all markers

You can then do:

markers[2].setVisible(false);

to make the marker at position 2 invisible.