Heim >Web-Frontend >js-Tutorial >Wie entferne ich alle Markierungen in Google Maps API v3?

Wie entferne ich alle Markierungen in Google Maps API v3?

Linda Hamilton
Linda HamiltonOriginal
2024-11-24 17:48:22672Durchsuche

How to Remove All Markers 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn