comment fermer une infobulle lorsque je clique sur une nouveau marker

**franklin19** · 05/08/2011, 16h24

bonjour,
voilà mon probleme, j'ai une fonction quie me permet de creer mes marquers et de pouvoir afficher une infobulle au click.
Le probleme est qu'en fait sur la version 3 de google map, les infobulles ne se ferme pas automatiquement à l'ouverture d'une autre, du coup je voudrais savoir comment m'y prendre pour fermer une infobullle automatiquement , en cliquant sur un nouveau marqueur

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function CreationMarker(lati, longi)
			{			
			    var d = tab[i][1];
				var sous_chaine=troncature(d,90);
 
                 // sous_chaine = 
				var point = new google.maps.LatLng(lati, longi);		
				/**************** Définition des options du marqueur*******/
				optionsMarqueur = 
				{
					position: point,
					map: carte,	
					icon: tab[i][10],
					title: tab[i][1]
				};
				// Création du marqueur
				marqueur = new google.maps.Marker(optionsMarqueur);
 
				markers.push(marqueur);	
				// Définition du contenu de l'infobulle<img src="' + tab[i][9] + '" title="Logo Fournisseur" style=" width:30px;height: 30px;" />
				contentString =
 
								    '<div class="text_infobulle"  >'+
								         ' <img src="' + tab[i][4] + '" height="80px"><a href="deal-'+tab[i][11]+'-'+tab[i][0]+'-'+tab[i][12]+'" title="'+tab[i][1]+'"><b> '+sous_chaine+'...</b></a></br> '+
										 '<span id= nouveau_prix>' +tab[i][3]+'&euro;</span> au lieu de <span id="ancien_prix"> '+tab[i][2]+'&euro;</span></br>'+
										'<a href="deal-'+tab[i][11]+'-'+tab[i][0]+'-'+tab[i][12]+'" title="'+tab[i][1]+'">Plus d\'infos ></a>'+
										'<span class="img_infobulle"><img src="' + tab[i][9] +'" height="20px"></span>'+
										'</div>';			
 
 
						google.maps.event.addListener(marqueur, 'click', function() 
						{
								  if (!infowindow) 
								  {
 
									infowindow.setContent(contentString);
									infowindow.open(carte,marqueur);
								  } 
								  else 
								  { infowindow.close();
									infowindow.setContent(contentString);
								  infowindow.open(marqueur.getPosition());
								  }
						});
			}

**NoSmoking** · 05/08/2011, 17h06

Bonjour,
pour effacer les autres infoWindow il suffit de n'en créer qu'une que tu close, setContent et open.

Sinon si tu crées une infoWindow par marqueur, ce qui semble être ton cas, alors sur le click tu stockes la référence de l'infoWindow en cours et sur le click suivant tu la close avant d'afficher la nouvelle et tu stockes la nouvelle référence et ainsi de suite...

**franklin19** · 07/08/2011, 01h47

merci pour l approche , je comprends le principe mais je ne vois comment le realiser, stocker la refence... oui!mais comment, puis je avoir un modele?
merci

**franklin19** · 07/08/2011, 02h59

j'ai essayé en fait votre proposition mais je ne comprends pas en clait comment y procedé car jusqu ici l'infowindow.close() bloque tous mes marqueurs
et du coup je ne parviens pas toujours à afficher alternativement mes infobulles

**NoSmoking** · 07/08/2011, 10h54

il faut commencer par reprendre cette partie de code erronée quant à l'appel de la méthode

Code :

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

1
2
3
4
5
6
7
8
9
10
  google.maps.event.addListener(marqueur, 'click', function () {
    if (!infowindow) {
      infowindow.setContent(contentString);
      infowindow.open(carte, marqueur);
    }
    else {
      infowindow.close();
      infowindow.setContent(contentString);
      infowindow.open(marqueur.getPosition()); // ERREUR ICI
    }