Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Patricia Arquette
Freigeben: 2024-11-14 10:16:01
Original
998 Leute haben es durchsucht

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 = [];
    Nach dem Login kopieren
  2. Definieren Sie die Funktion „clearOverlays()“:

    function clearOverlays() {
      for (var i = 0; i < markersArray.length; i++ ) {
     markersArray[i].setMap(null);
      }
      markersArray.length = 0;
    }
    Nach dem Login kopieren
  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(){});
    Nach dem Login kopieren
  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!

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