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');								 
			}
			}	

 

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

[php]

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');
}
}

[/php]

Le code en rapport des marqueurs et des infobulles



Merci de votre aide