API Google Maps v3 : comment supprimer tous les marqueurs ?

Question

Dans l'API Google Maps v2, si je voulais supprimer tous les marqueurs de carte, je pouvais simplement le faire :

map.clearOverlays();

Comment faire dans l'API de Google Maps v3 ?

En regardant le API de référence c'est pas clair pour moi.

Answer 1

Vous trouverez ici un exemple de la manière de supprimer les marqueurs :

https://developers.google.com/maps/documentation/javascript/examples/marker-remove?hl=es

// Add a marker to the map and push to the array.
function addMarker(location) {
  var marker = new google.maps.Marker({
    position: location,
    map: map
  });
  markers.push(marker);
}

// Sets the map on all markers in the array.
function setAllMap(map) {
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(map);
   }
}

// Removes the markers from the map, but keeps them in the array.
function clearMarkers() {
  setAllMap(null);
}

// Deletes all markers in the array by removing references to them.
function deleteMarkers() {
  clearMarkers();
  markers = [];
}

Answer 2

Le " set_map Il semble que la fonction "Afficher" affichée dans les deux réponses ne fonctionne plus dans l'API de Google Maps v3.

Je me demande ce qui s'est passé

Mise à jour :

Il semble que Google ait modifié son API de telle sorte que " set_map " n'est pas " setMap ".

http://code.google.com/apis/maps/documentation/v3/reference.html

Answer 3

La façon la plus propre de le faire est d'itérer sur toutes les caractéristiques de la carte. Les marqueurs (ainsi que les polygones, les polylignes, etc.) sont stockés dans le fichier couche de données de la carte.

function removeAllMarkers() {
  map.data.forEach((feature) => {
    feature.getGeometry().getType() === 'Point' ? map.data.remove(feature) : null
  });
}

Dans le cas où les marqueurs sont ajoutés par le biais de l'option responsable du dessin il est préférable de créer un tableau global de marqueurs ou de pousser les marqueurs dans la couche de données à la création comme suit :

google.maps.event.addListener(drawingManager, 'overlaycomplete', (e) => {
    var newShape = e.overlay;
    newShape.type = e.type;

    if (newShape.type === 'marker') {
      var pos = newShape.getPosition()
      map.data.add({ geometry: new google.maps.Data.Point(pos) });

      // remove from drawing layer
      newShape.setMap(null);
    }
  });

Je recommande la deuxième approche car elle vous permet d'utiliser ultérieurement d'autres méthodes de la classe google.maps.data.

Answer 4

La méthode suivante d'Anon fonctionne parfaitement, mais avec des scintillements lors de l'effacement répété des superpositions.

Il suffit de faire ce qui suit :

I. Déclarer une variable globale :

var markersArray = [];

II. Définissez une fonction :

function clearOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
  }
}

III. Placez les marqueurs dans le 'markerArray' avant d'appeler ce qui suit :

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

IV. Appelez le clearOverlays() à chaque fois que cela est nécessaire.

C'est ça !

J'espère que cela vous aidera.

Answer 5

J'ai trouvé que l'utilisation de la bibliothèque markermanager dans le projet google-maps-utility-library-v3 était le moyen le plus simple.

1. Configurer le MarkerManager

mgr = new MarkerManager(map);
google.maps.event.addListener(mgr, 'loaded', function () {
    loadMarkers();
});

2. Ajouter des marqueurs au MarkerManager

function loadMarkers() {
  var marker = new google.maps.Marker({
            title: title,
            position: latlng,
            icon: icon
   });
   mgr.addMarker(marker);
   mgr.refresh();
 }

3. Pour effacer les marqueurs, il suffit d'appeler la fonction clearMarkers() fonction

mgr.clearMarkers();