javascript - 如何使用 v3 api 从谷歌地图中清除所有标记

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);
}