Heim > Web-Frontend > js-Tutorial > Wie lösche ich alle Markierungen aus der Google Maps API v3?

Wie lösche ich alle Markierungen aus der Google Maps API v3?

Susan Sarandon
Freigeben: 2024-11-15 11:58:03
Original
338 Leute haben es durchsucht

How to Clear All Markers from Google Maps API v3?

Entfernen aller Markierungen aus Google Maps API v3

In Google Maps API v3 unterscheidet sich das Löschen aller Markierungen geringfügig von dem in Version 2 verwendeten Ansatz . Obwohl map.clearOverlays() nicht mehr verfügbar ist, bieten die folgenden Schritte eine effiziente Möglichkeit, den gleichen Effekt zu erzielen:

1. Deklarieren Sie ein globales Marker-Array

var markersArray = [];
Nach dem Login kopieren

Dieses Array speichert Referenzen auf alle Marker auf der Karte.

2. Definieren Sie eine Clear-Overlays-Funktion

Es gibt zwei Optionen zum Definieren der Clear-Overlays-Funktion:

Option A:

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

Option B (Erweitert Google Maps API):

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

3. Fügen Sie Markierungen zum Array hinzu

Bevor Sie die Funktion „clearOverlays()“ aufrufen, schieben Sie jede Markierung in das markersArray:

markersArray.push(marker);
google.maps.event.addListener(marker,"click",function(){});
Nach dem Login kopieren

4. Rufen Sie die Funktion „Clear Overlays“ auf

Rufen Sie die Funktion „clearOverlays();“ auf. oder map.clearOverlays(); Funktion bei Bedarf, um alle Markierungen von der Karte zu entfernen. Diese Funktion durchläuft das markersArray, setzt die Map-Eigenschaft jedes Markers auf Null und leert das Array.

Das obige ist der detaillierte Inhalt vonWie lösche ich alle Markierungen aus der 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