Heim >Web-Frontend >js-Tutorial >Wie entferne ich alle Markierungen in Google Maps API v3?
Entfernen von Markierungen in Google Maps API v3: Ein aktualisierter Ansatz
In Google Maps API v2 war das Löschen von Kartenmarkierungen mithilfe von map.clearOverlays unkompliziert (). Diese Methode ist jedoch in API v3 nicht verfügbar. Hier ist eine umfassende Anleitung zum effektiven Entfernen aller Markierungen in Version 3.
Der Schlüssel besteht darin, ein Array zum Speichern von Markierungsreferenzen zu verwenden und dann das Array zu durchlaufen, um die Markierungen aus der Karte zu entfernen. Die folgenden Schritte beschreiben diesen Prozess:
I. Deklarieren Sie eine globale Variable:
var markersArray = [];
II. Definieren Sie eine Funktion:
function clearOverlays() { for (var i = 0; i < markersArray.length; i++ ) { markersArray[i].setMap(null); } markersArray.length = 0; }
Diese Funktion durchläuft das markersArray, setzt die setMap-Eigenschaft jedes Markers auf null, um ihn aus der Karte zu entfernen, und leert dann das Array.
Alternativ , können Sie den Map-Prototyp um eine clearOverlays-Methode erweitern:
google.maps.Map.prototype.clearOverlays = function() { for (var i = 0; i < markersArray.length; i++ ) { markersArray[i].setMap(null); } markersArray.length = 0; }
III. Schieben Sie Markierungen in das Array:
Bevor Sie die Markierungen entfernen, stellen Sie sicher, dass sie dem Markierungs-Array hinzugefügt werden. Verwenden Sie den folgenden Code:
markersArray.push(marker); google.maps.event.addListener(marker,"click",function(){});
IV. Rufen Sie die Funktion „Overlays löschen“ auf:
Um die Markierungsentfernung auszuführen, rufen Sie die Funktion „clearOverlays()“ oder „map.clearOverlays()“ auf, wo immer Sie möchten.
Durch Befolgen dieser Schritte können Sie dies effektiv tun Entfernen Sie alle Markierungen aus Ihrer Google Maps API v3-Anwendung.
Das obige ist der detaillierte Inhalt vonWie entferne ich alle Markierungen in Google Maps API v3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!