Heim >Web-Frontend >js-Tutorial >Wie entferne ich Markierungen aus einer Google Maps API v3-Karte?

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

Patricia Arquette
Patricia ArquetteOriginal
2024-11-14 10:16:011044Durchsuche

How Do You Remove Markers from a Google Maps API v3 Map?

Entfernen von Markierungen in Google Maps API v3: Eine umfassende Anleitung

Im Gegensatz zu seinem Vorgänger fehlt in Google Maps API v3 eine klare Methode zum Entfernen aller Markierungen Markierungen aus der Karte. In diesem Artikel wird ein effektiver Ansatz zum Erreichen dieses Ziels untersucht.

Lösung:

Der Schlüssel zum Löschen von Markierungen in Version 3 liegt in der Initialisierung eines globalen Arrays namens „markersArray“. Speichern Sie alle Markierungen, während sie erstellt werden. Anschließend kann eine benutzerdefinierte Funktion namens „clearOverlays()“ definiert werden, die dieses Array durchläuft und die Karteneigenschaft jeder Markierung auf „null“ setzt, wodurch sie effektiv aus der Karte entfernt wird.

Hier ist die detaillierte Implementierung:

  1. Deklarieren Sie ein globales Array:

    var markersArray = [];
  2. Definieren Sie die Funktion „clearOverlays()“:

    function clearOverlays() {
      for (var i = 0; i < markersArray.length; i++ ) {
     markersArray[i].setMap(null);
      }
      markersArray.length = 0;
    }
  3. Markierungen in das „markersArray“ verschieben:
    Bevor Sie die Funktion „clearOverlays()“ aufrufen, schieben Sie alle Markierungen in das „markersArray.“ Verwenden Sie für jede Markierung den folgenden Code:

    markersArray.push(marker);
    google.maps.event.addListener(marker,"click",function(){});
  4. Rufen Sie die Funktion „clearOverlays()“ auf:
    Führen Sie die Funktion „clearOverlays()“ oder „map. „clearOverlays()“ (wenn Sie die Funktionalität auf das Kartenobjekt erweitern möchten), um bei Bedarf alle Markierungen zu entfernen.

Das obige ist der detaillierte Inhalt vonWie entferne ich Markierungen aus einer Google Maps API v3-Karte?. 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