Effacer les Marqueurs de google Map

Google maps

aliounemane2 Messages postés 28 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention - 20 nov. 2015 à 11:24

Bonjour,

Je voudrais afficher trois Marqueurs sur la carte de Google Map et de pouvoir les déplacer avec un InfoWindow j'ai pu le réaliser via le code suivant :


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <title>Google Maps</title>
        <meta http-equiv="Content-Type" charset="UTF-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
         <!--  <META HTTP-EQUIV="Refresh" CONTENT="5">  -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript">
 
            var marqueur, marqueur2, marqueur3;
            var carte;
             
            //$(document).ready(function(){ 
                //carte.clear();
                //setMapOnAll(null);
               // carte.clearOverlays();
           //  });
 
            function initialiser() {
                
                var latlng = new google.maps.LatLng(14.734749   ,-17.472845);
                var options = {
                    center: latlng,
                    zoom: 19,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                 
                 carte = new google.maps.Map(document.getElementById("carte"), options);   
 
                /****************Nouveau code****************/
 
       /* $(document).ready(function(){ 
              marqueur3.setMap(null);
              //Effacer le marqueur
        }); */
 
    //création du marqueur
     marqueur1 = new google.maps.Marker({
        position: new google.maps.LatLng(14.734806068014898   ,-17.472651880950934),
        map: carte
        //title: "Markeur 1"
    });
    marqueur1.setDraggable(true);
 
 
    marqueur2 = new google.maps.Marker({
        position: new google.maps.LatLng(14.734668585953662   ,-17.47301666137696),
        map: carte
        //title: "Markeur 2"
    });
    marqueur2.setDraggable(true);
 
 
    marqueur3 = new google.maps.Marker({
        position: new google.maps.LatLng(14.735215919682636   ,-17.47302202579499),
        map: carte
        //title: "Markeur 3"
    });
 
    marqueur3.setDraggable(true);
 
     var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading"> Mané </h1>'+
      '<div id="bodyContent">'+
      'Alioune Mané.</p>'+
      '<p>Attribution: Nem@,'+
      '</div>'+
      '</div>';
 
      var infowindow = new google.maps.InfoWindow({
            content: contentString
        });
 
    marqueur1.addListener('dragend', function() {
        infowindow.open(carte, marqueur1);
    });
 
     marqueur2.addListener('dragend', function() {
        infowindow.open(carte, marqueur2);
    });
 
   marqueur3.addListener('dragend', function() {
        infowindow.open(carte, marqueur3);
    });
                                    
}
    // Rafraichir la page en affichant je suis la
    /*$(document).ready(function(){ 
        alert("Je suis la");
        //carte.setMap(null);
    }); */
 
 
    // Au démarrage de la page on supprime tous les markers affichés
     $(document).ready(function(){ 
         
     });
 
        </script>
    </head>
 
    <body onload="initialiser()">
        <div id="carte" style="width:100%; height:100%"></div>
    </body>
</html>

Maintenant je voudrais que lorsque j'actualise la page les marqueurs qui étaient affichés soient supprimés pour affichés d'autres marqueurs.

Mais je ne sais pas comment faire pour supprimer tous les éléments lors du démarrage puis de les afficher mais je sais une chose que je peux supprimer un marqueur via ce bout de code :


marqueur.setMap(null);

Mon objectif est d'effacer tous les éléments qui se trouvent sur la carte pour en afficher d'autres

Comment faire ???

Aidez-moi s'il vous plait...

A voir également:

Enlever point d'interet google map
Google maps satellite - Guide
Google maps - Guide
Dns google - Guide
Google photo - Télécharger - Albums photo
Créer un compte google - Guide

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention 527

Salut,

Je ne comprend la logique de ce que tu souhaites :
1. Ce que tu as : au chargement de la page, tu affiches la carte et tu crées des marqueurs positionnées sur cette carte.
2. Ce que tu demandes : au chargement de la page, supprimer tous les marqueurs.

Dans ce cas pourquoi créer les marqueurs si c'est pour les supprimer dès le chargement de la page ? A moins que tu souhaites supprimer ces marqueurs seulement au second chargement de la page ?

Sinon pourquoi ne pas ajouter un simple bouton exécutant une fonction javascript pour supprimer les marqueurs à la demande ?

Peux t-on avoir un peu plus de précision ?

Bonne journée

Discussions similaires

Ajouter des photos dans Google Maps ???

Différence de temps google maps et via michelin pour même trajet

comment on peut supprimer mes adresses sur google maps?

Pas de guidage vocal Google Map's, étrange non ?

Affichage des "frontières" de villes sur Google Maps

Supprimer photos Google Maps

Votre réponse

Discussions similaires