我的网站上有一个谷歌地图,通过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)
。但是,在这种情况下,所有标记都具有相同的名称(“标记”)。
任何帮助非常感谢。
答案 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处的标记不可见。