Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie entferne ich alle Markierungen in Google Maps API v3?

Linda Hamilton
Freigeben: 2024-11-24 17:48:22
Original
609 Leute haben es durchsucht

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 = [];
Nach dem Login kopieren

II. Definieren Sie eine Funktion:

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

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;
}
Nach dem Login kopieren

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(){});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage