Discussion :

[dad72]

bonjour,

Je ne parvient pas a comme le titre l'indique : supprimer un marker par son id.

en faite, j'ai plusieurs marker sur la maps et je souhaite en cliquant sur l'un deux qu'il se supprime.

J'identifie le marker comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

marker.set("id", i);

i est un nombre de la boucle for

je voudrais donc recuperer l'id du marker sélectionner pour le supprimer. Si vous avez une autre solution n’hésitez pas. car pour le moment si je fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

marker.setMap(null);

il me supprime le dernier marker placer sur la map et pas celui sur le quelle je clic.

En vous remerciant d'avance.

[NoSmoking]

Bonjour,
un simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
  google.maps.event.addListener( oMarker, 'click', function(){
    this.setMap( null);
  });

ne suffit pas?

[dad72]

En effet ça me parait logique comme ça, mais ça ne fonctionne pas. La fonction n’est pas lancer au click. pourtant je met bien l'objet marker en question dans le premier paramètre.

[NoSmoking]

...mais ça ne fonctionne pas...

comment veux tu que l'on t'aide sans une once de code.

[dad72]

Oui je comprend pour le code, mais j'ai tout le code sur la même page pour le moment et il y a plus 1000 lignes.

en faite j'ai compris pourquoi ça marche pas, le marker que je veux supprimer suite au clic dessus, sont des marker qui sont créer après l'initialisation de la map, donc du coup l’événement prend en compte les marker deja existant seulement (la ça fonctionne.) mais si je place un marker (suite a un clic qui place un marker) la ce ne marche plus, le nouveau marker n'est pas pris en compte.

Pour précision, je place le addListener dans la fonction Inisialise. doit je placer autre part ?

Merci

[NoSmoking]

dans ton cas il te faut créer une fonction d'ajout de marker et c'est dans celle ci que tu ajoutes l'événement onclick sur le marker.

cela pourrait donner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function initCarte(){
  // creation de la carte
  var oMap = new google.maps.Map(document.getElementById("div_carte"), {
    'zoom' : 6,
    'center' : new google.maps.LatLng( 46.80, 1.70),
    'mapTypeId' : google.maps.MapTypeId.ROADMAP
  });
  // evenement sur click de la carte
  google.maps.event.addListener( oMap, 'click', function( data){
    // création du marker
    var oMarker = new google.maps.Marker({
      'position' : data.latLng,
      'map' : this
    });
    // ajout événement
    google.maps.event.addListener( oMarker, 'click', function(){
      this.setMap( null);
    });
  });
}