当所有标记对象具有相同名称时,更改标记属性(谷歌地图)

时间:2013-05-23 00:21:43

标签: javascript google-maps google-maps-api-3 javascript-objects

我的网站上有一个谷歌地图,通过PHP填充了标记。我不明白的是我如何能够单独识别每个标记,因为所有标记对象都具有相同的名称。

此代码来自Google开发者页面(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);
  }
});

例如。如果我想让其中一个标记不可见,我通常会使用marker.setVisible(false)。但是,在这种情况下,所有标记都具有相同的名称(“标记”)。

任何帮助非常感谢。

1 个答案:

答案 0 :(得分:1)

您可以通过将所有标记保留在列表中来跟踪它们,例如:

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

然后你可以这样做:

markers[2].setVisible(false);

使位置2处的标记不可见。