Maison > interface Web > js tutoriel > Comment supprimer des marqueurs d'une carte Google Maps API v3 ?

Comment supprimer des marqueurs d'une carte Google Maps API v3 ?

Patricia Arquette
Libérer: 2024-11-14 10:16:01
original
1046 Les gens l'ont consulté

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

Suppression des marqueurs dans l'API Google Maps v3 : un guide complet

Contrairement à son prédécesseur, l'API Google Maps v3 ne dispose pas d'une méthode claire pour supprimer tous marqueurs de la carte. Cet article explorera une approche efficace pour atteindre cet objectif.

Solution :

La clé pour effacer les marqueurs dans la v3 réside dans l'initialisation d'un tableau global appelé "markersArray" pour stocker tous les marqueurs au fur et à mesure de leur création. Une fonction personnalisée nommée "clearOverlays()" peut ensuite être définie pour parcourir ce tableau et définir la propriété map de chaque marqueur sur "null", les supprimant ainsi de la carte.

Voici l'implémentation détaillée :

  1. Déclarer un Global Tableau :

    var markersArray = [];
    Copier après la connexion
  2. Définir la fonction "clearOverlays()" :

    function clearOverlays() {
      for (var i = 0; i < markersArray.length; i++ ) {
     markersArray[i].setMap(null);
      }
      markersArray.length = 0;
    }
    Copier après la connexion
  3. Poussez les marqueurs dans le "markersArray" :
    Avant d'appeler le Fonction "clearOverlays()", poussez tous les marqueurs dans le "markersArray". Utilisez le code suivant pour chaque marqueur :

    markersArray.push(marker);
    google.maps.event.addListener(marker,"click",function(){});
    Copier après la connexion
  4. Appelez la fonction "clearOverlays()" :
    Exécutez la fonction "clearOverlays()" ou "map. clearOverlays()" (si vous souhaitez étendre la fonctionnalité à l'objet cartographique) lorsque cela est nécessaire pour supprimer tous les marqueurs.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal