[Google Maps] Api v3 progressBar

Api v3 progressBar

Salut tout le monde;

y a t-i quelqu'un qui a travaillé avec google maps api v3 en utilisant progressBar qui permet de voir la progression de chargement des marqueurs dans la carte?
le problème que j'ai c'est que le progressbar ne s'affiche qu'aprés la fin de chargement, voilà le code:

Code:

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
46
47
48
49
50
51
 
function afficher(id) {
				$.ajax({
					url : "geo.php",
					dataType : "XML",
					data : "id="+id,
					success : function(data) {
						if(typeof(tab[id]) == 'undefined') {
								tab[id] = [];
								var pb = new progressBar();
								carte.controls[google.maps.ControlPosition.RIGHT].push(pb.getDiv());
								// mgr[id] = new MarkerManager(carte);
								var i = 0;
								var j = 0;
								pb.start(1);
								$(data).find('fire').each(function() {
									var fire = $(this);
									var longi = fire.attr("longitude");
									var lati = fire.attr("latitude");	
									var ltlg = new google.maps.LatLng(lati, longi);
									var myMarker = new google.maps.Marker({
										position: ltlg, 
										map: carte,
										icon: fire.attr("icone"),
										title: fire.attr("address")
									});
									pb.updateBar(1);
									tab[id][i] = myMarker;
									infowindow.close();
									google.maps.event.addListener(tab[id][i],'click', function(event) {
										infowindow.setContent("<b>Nom et Prénom:</b> "+fire.attr("nom")+" <br/> <b>Genre: </b>"+fire.attr("genre")+"<br/> <b>Adresse: </b>"+fire.attr("address")+"<br/> <b>Profession: </b>"+fire.attr("profession")+" <br/> <b>GSM: </b>"+fire.attr("gsm")+"<br/> <b>Mutuelle: </b>"+fire.attr("mutuelle")+"<br/> <b>Debut traitement: </b>"+fire.attr("debut_trait"));
										 infowindow.open(carte,myMarker);
									});
									i = i+1;
									pb.setTotal(i);
								});	
								if(tab[id].length == 0) alert("aucune geo trouvee");	
						} else {
							if(tab[id].length == 0) alert("aucune geo trouvee"); 
							else {
								for(var j=0; j<tab[id].length; j++) {
								tab[id][j].setVisible(true);
							}
							}
						}
							},
					error : function() {
						alert('error');
					}
				});	
			}

Merci pour votre aide

Citation:

le problème que j'ai c'est que le progressbar ne s'affiche qu'après la fin de chargement, voilà le code:

le problème et qu'il faut séquencer les appels via un setTimeout afin de laisser le temps de l'affichage, hors dans ton cas je pense qu'il est préférable de faire apparaître une image Loading puis de la masquer.
De plus j'ai l'impression que cette progressBar est gourmande en temps justement because l'appel au setTimeout.

Oui NoSmoking absolument ça serait gourmand en temps surtout si on ajoute un setTimeout, j'ai déjà opté pour la solution sue ta proposé et tout va bien maintenant :) .
Merci.