如何使用v3API清除谷歌地图上的所有标记

Question

我想在单击提交按钮时清除所有标记。如果我有一个纬度和经度，并且想清除那个标记，我该怎么做呢。此外，如果我搜索任何路线，我想清除所有已加载的标记。

Answer 1

为了在插入后从地图中删除标记，您应该使用全局变量来跟踪它们

var markers = [];

然后，每当您向地图添加标记时，也将标记添加到markers阵列：

markers.push(new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(20, 20)
});

---

要清除地图上的所有标记，您可以使用以下方法：

for (var i = 0; i < markers.length; i++)
    markers[i].setMap(null);

如果你想同时清除markers阵列，你可以使用这个：

for (var i = markers.length-1; i >= 0; i++) {
    markers[i].setMap(null);
    markers.pop();
}

或者这个：

for (var i = 0; i < markers.length; i++)
    markers[i].setMap(null);
markers = [];

---

如果您想删除作为LatLng对象的基于纬度和经度值的标记，可以使用以下方法：

for (var i = 0; i < markers.length; i++) {
    if (markers[i].getPosition().equals(latLng)
        markers[i].setMap(null);
}

如果你只是有坐标，你可以使用以下内容：

for (var i = 0; i < markers.length; i++) {
    var latLng = new google.maps.LatLng(lat, lng);
    if (markers[i].getPosition().equals(latLng)
        markers[i].setMap(null);
}