Comment supprimer tous les marqueurs d'une application Google Maps API v3 ?

Suppression de tous les marqueurs dans l'API Google Maps v3

Dans la version 2 de l'API Google Maps, supprimer tous les marqueurs de carte était aussi simple que d'utiliser map.clearOverlays(). Cependant, cette méthode n'est plus disponible dans l'API v3. Ce guide complet vous guidera à travers les étapes pour supprimer efficacement tous les marqueurs de votre carte :

Déclarer une variable globale

Commencez par déclarer une variable globale pour stocker un tableau de vos marqueurs :

var markersArray = [];

Définir une fonction

Créez une fonction nommée clearOverlays() pour parcourir le tableau de marqueurs et définir la carte de chaque marqueur sur null :

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

OU

Vous pouvez également définir la fonction comme méthode prototype de google.maps.Map :

google.maps.Map.prototype.clearOverlays = function() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

Ajout de marqueurs au tableau

Avant d'appeler le clearOverlays(), assurez-vous de pousser chaque marqueur vers le MarkerArray lorsque vous l'ajoutez à la carte. N'oubliez pas d'ajouter un écouteur d'événement à chaque marqueur pour l'interactivité :

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

Appel de la fonction

Enfin, appelez la fonction clearOverlays() ou map.clearOverlays() chaque fois que vous devez tout supprimer marqueurs de la carte.

En suivant ces étapes, vous pouvez désormais supprimer efficacement tous les marqueurs de votre application Google Maps API v3.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!