Discussion :

[Msysteme]

Bonjour ,

j'ai un probleme avec une infowindow,

j'ai une fonction javascript a laquelle je passe un tableau de données contenant un ensemble d'element, pour chaque je recois un nom et une adresse => il doit placer un marker pour chaque element et l'infowindow adequate au marker

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
function findAllAddress(tabStation) {
    clearOverlays();
    var n = tabStation.length;
 
    for (var i = 0; i < n; i++) {
 
        var address = tabStation[i][0];
        var name = tabStation[i][1];
        var info = '<DIV STYLE="line-height:1.35;overflow:hidden;white-space:nowrap;"><DIV STYLE=overflow:auto; width:50px; height:50px><font style="color:#000;"><b>Nom : </b>' + name +
            '<br /><b>Adresse : </b>' + address + '</font></div></div>';
 
        // script uses our 'geocoder' in order to find location by address name
        geocoder.geocode({ 'address': address }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) { // and, if everything is ok
 
                // we will center map
                var addrLocation = results[0].geometry.location;
                map.setCenter(addrLocation);
 
                // store current coordinates into hidden variables
                document.getElementById('lat').value = results[0].geometry.location.$a;
                document.getElementById('lng').value = results[0].geometry.location.ab;
 
                // and then - add new custom marker and Infowindow
                var addrMarker = new google.maps.Marker({
 
                    position: addrLocation,
                    map: map,
                    title: results[0].formatted_address
                });
                //
                var infowindow = new google.maps.InfoWindow({
 
                content: info
                });
                infowindow.open(map, addrMarker);
                markers.push(addrMarker);
            } 
        });
    }
}

tous marche bien, mes markers sont bien placé, mes infowindows sont placés aussi, mon seul probleme c'est que le meme texte s'affiche pour tous les markers qui est toujours celui le dernier dans le tableau

je declare mon infowindow a chaque fois a l'interieur de la boucle

[Bovino]

C'est tout à fait logique.

A chaque itération de ta boucle, tu redéfinis la variable info (entre autres), donc à chaque itération, la valeur est correcte, mais juste le temps de l'itération.
Or la plupart des fonction GMap sont asynchrones (notamment geocode()), ce qui signifie que le callback sera appelé, en toute vraisemblance, après la fin de la boucle for, ce qui signifie que la valeur des variables utilisées sera celle de la dernière itération.

Au passage, définir une variable dans une boucle est une mauvaise pratique.

[Msysteme]

J'ai compris mais je définis l'infowindow à l'extérieur de là boucle, le traitement va se faire une seule fois et uniquement pour le dernier élément.

[Spartacusply]

Bovino t'a tout expliqué mais pour faire rapide tu DOIS attendre le résultat de la fonction "geocode" avant de continuer ta boucle for (ce qu'elle ne fait pas actuellement).

Une possibilité de faire ceci ce serait de faire d'appeler une autre fonction dans ta boucle for :

Code :

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

1
2
3
4
5
6
7
function findAllAddress(tabStation) {
        clearOverlays();
 
        for (var i = 0; i < tabStation.length; i++) {
            findAddress(tabStation[i]);
        }
    }

[Msysteme]

Merci ca marche maintenant avec la solution de Spartacusply