Ik gebruik een ajax call met een foto slider, wanneer ik op een marker klik, die foto's in de infoWindow toont:


google.maps.event.addListener(l, "click", function() {
        

			infoWindow.open(map, l), infoWindowAjax(o, function(a) {
				infoWindow.setContent(a), $(".banner").unslider({
					speed: 500,
					delay: 3e3,
					complete: function() {},
					keys: !0,
					autoplay: !0,
					dots: !0,
					fluid: !0
				}), $(".unslider-arrow").click(function() {
					var a = $(".banner").unslider(),
						b = this.className.split(" ")[1];
					a.data("unslider")[b]()
				})
			});		   
	
     
		
		
    })


}

function infoWindowAjax(a, b) {
    if (undefined != a) return $.ajax({
        url: "<?=HTML_ROOT?>inc/gpopup.php?ad_id=" + a
    }).done(b).fail(function(a, b, c) {})
}


Het werkt wel, maar vaak genoeg, moet ik 2-5 seconde wachten voordat deze ajax call de infoWindow vult met foto's en tekst. In die tijd open de infowindow, maar dan blijft hij wit en is de breedte heel dun.
Hoe kan ik een event listeren plaatsen, die uitgevoerd word, wanneer hij echt geladen is, met een preloader wellicht?

[size=xsmall]Toevoeging op 29/03/2017 18:24:17:[/size]

http://stackoverflow.com/questions/28589361/google-maps-infowindow-width-is-overwritten-even-when-set-correctly

deze via de link is uitgevoerd, maar dit werkt maar 1 keer, na nog een klik word 'custom-iw weer verwijderd.

Reageren