Effacer les Marqueurs de google Map

Fermé

Google maps

aliounemane2 Messages postés 28 Date d'inscription mardi 16 décembre 2014 Statut Membre Dernière intervention 5 octobre 2017 - 19 nov. 2015 à 18:10
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 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:

Comment enlever les repères sur google maps
Google maps satellite - Guide
Google maps - Guide
Dns google - Guide
Google maps localisation - Guide
Telecharger google maps pc - Télécharger - Téléchargement & Transfert

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 526
20 nov. 2015 à 11:24

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

créer des points repères avec Google Maps

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

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

Google map paramétrer hors péages

Masquer un point d'interet sur Google Maps

google earth: image de ma maison à une date et moment précis