Discussion :

[cocobelle89]

Bonjour,
j'ai un problème de suppression de marker en ce moment.
Dans le code ci-joint, je crée un marker quand je clique sur la carte, j'ouvre une infobulle quand je clique sur le marker créé, un infobulle s'ouvre.
Dans mon infobulle, quand je clique sur l'icone, mon marker prend la forme de l'icone.
Quand je clique sur le bouton supprimé marker, le marker est enlevé de la carte mais un autre marker se crée à un autre endroit et je comprends pas pourquoi.

Merci de votre aide

[ThomasR]

Bonjour,

Voici ce qui se passe quand tu cliques :

Code :

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

1
2
3
oInfo_marqueur.close();
oMarker = this;
oInfo_marqueur.open( this.getMap(), this);

On ferme le marqueur.
On ouvre le marqueur.

Rien de surprenant donc.

[cocobelle89]

Excuse moi de revenir la dessus, mais la quand tu dis "on ouvre le marqueur" et "on ferme le marqueur", tu parles pas bien des infobulles?
Car ici info_marqueur c'est l'infobulle associé au marqueur.
Le fait de le fermer et l'ouvrir à chaque fois, ça permet d'ouvrir une infobulle en même temps au lieu de l'avoir dans plusieurs marqueurs et d'être obligé de les fermer à la main.

J'ai vraiment du mal à voir exactement ou il crée l'autre marqueur.

J'ai l'impression que quand je clique sur le bouton supprimer, il recupére la position de la souris et rajoute un marqueur à cet endroit. Comme si j'avais cliqué directement sur la carte et c'est ce que je ne comprends pas.

Si je supprime la ligne: info_marqueur.open...
mes infobulles ne s'ouvriront plus. :s

[NoSmoking]

Bonjour,
ton problème est lié à la propagation des événements.
Présentation des évènements du DOM

Il te faut donc faire en sorte que le clic sur le bouton n'arrive pas jusqu'à la carte après être en passé par la DIV conteneur de ton infoWindow.

Pour ce faire il te faut mettre sur le onclick de la DIV une fonction de stopEvent qui pourrait ressembler à cela

Code :

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

1
2
3
4
5
6
7
8
function stopEvent(e){
  if( e){
    e.stopPropagation();
  }
  if( window.event){
    window.event.cancelBubble = true;
  }
}

Sur la DIV il te suffit de mettre

Code :

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

var contentString_marqueur = '<div id="popup" onclick="stopEvent(event)">