Effacer les Marqueurs de google Map [Fermé]

Signaler
Messages postés
28
Date d'inscription
mardi 16 décembre 2014
Statut
Membre
Dernière intervention
5 octobre 2017
-
Messages postés
2379
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
-
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...

1 réponse

Messages postés
2379
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
426
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