Forum d'entraide PHPFrance

Bonjours,

Je développe une application pour un site en symfony2, j'utilise gmap3 pour afficher une map google.

Le problème c'est que quand on clique sur un marqueur, je fais apparaitre une infobulle(infowindow ) mais je souhaiterai fermer une infowindow quand j'en ouvre une autre,

ex : j'ouvre l'infowindow A, ensuite, l'user clique sur un autre marqueur = > infowindow A fermé, infowindow B qui s'ouvre, et ainsi de suite



Je sais que c'est infowindow.close() la fonction, mais je ne trouve pas comment faire pour l'utiliser, si vous avez une idée, merci

 

marker:{
values:[
	{% for centre in centre %}	
		 {latLng:[{{ centre.latitude }} ,{{ centre.longitude }}], data:"{{ centre.nom }}, {{ centre.latitude }} ,{{ centre.longitude }}"},
	{% endfor %} 
	],
	options:{
		draggable: false
		},
	events:{
	click: function(marker, event, data){
		 var infowindow = new google.maps.InfoWindow();
										
		 console.log(infowindow);

			var map = $(this).gmap3('get');


			if (infowindow){

			infowindow.open(map, marker);
			infowindow.setContent(data.data);
			} else {
				$(this).gmap3({action:'addInfoWindow', anchor:marker, options:{content: data.data}});
			}
			},
								 							
			},
								
			callback: function(){
			    $(this).css('border', '1px solid blue');								 
			}
			}	

 

Le code en rapport des marqueurs et des infobulles



Merci de votre aide