Wie entferne ich alle Markierungen aus einer Google Maps API v3-Anwendung?

Entfernen aller Markierungen in Google Maps API v3

In Version 2 der Google Maps API war das Entfernen aller Kartenmarkierungen so einfach wie die Verwendung von map.clearOverlays(). Diese Methode ist jedoch in API v3 nicht mehr verfügbar. Diese umfassende Anleitung führt Sie durch die Schritte zum effizienten Entfernen aller Markierungen aus Ihrer Karte:

Deklarieren einer globalen Variablen

Beginnen Sie mit der Deklaration einer globalen Variablen zum Speichern eines Arrays Ihrer Markierungen:

var markersArray = [];

Definieren einer Funktion

Erstellen Sie eine Funktion mit dem Namen „clearOverlays()“, um das Marker-Array zu durchlaufen und die Zuordnung jedes Markers auf Null zu setzen:

function clearOverlays() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

OR

Alternativ können Sie die Funktion als Prototypmethode von google.maps.Map definieren:

google.maps.Map.prototype.clearOverlays = function() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

Markierungen zum Array hinzufügen

Bevor Sie die aufrufen Wenn Sie die Funktion „clearOverlays()“ verwenden, stellen Sie sicher, dass Sie jede Markierung an das markerArray verschieben, wenn Sie sie zur Karte hinzufügen. Denken Sie daran, für die Interaktivität zu jeder Markierung einen Ereignis-Listener hinzuzufügen:

markersArray.push(marker);
google.maps.event.addListener(marker, "click", function() {});

Aufrufen der Funktion

Zuletzt rufen Sie die Funktion „clearOverlays()“ oder „map.clearOverlays()“ auf, wann immer Sie alle entfernen müssen Markierungen aus der Karte.

Mit diesen Schritten können Sie jetzt effektiv alle Markierungen aus Ihrer Google Maps API v3-Anwendung entfernen.

Das obige ist der detaillierte Inhalt vonWie entferne ich alle Markierungen aus einer Google Maps API v3-Anwendung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!