Instanciation d'objets dans une boucle

**Mister Nono** · 30/12/2017, 20h09

Bonjour,

Le script suivant ajoute des marqueurs à une map :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<script type="text/javascript">
 
                function initMap() {
                    var map = new google.maps.Map(document
                            .getElementById('map'), {
                        zoom : 5,
                        center : {
                            lat : 46.80,
                            lng : 1.70
                        }
                    });
 
                    var tMarker = [ {
                        'lat' : 45.767299,
                        'lon' : 4.834329,
                        'title' : 'Lyon',
                        'info': 'Ville de Lyon'
                    }, {
                        'lat' : 48.856667,
                        'lon' : 2.350987,
                        'title' : 'Paris',
                        'info': 'Ville de Paris'
                    }, {
                        'lat' : 44.837368,
                        'lon' : -0.576144,
                        'title' : 'Bordeaux',
                        'info': 'Ville de Bordeaux'
                    }, {
                        'lat' : 43.297612,
                        'lon' : 5.381042,
                        'title' : 'Marseille',
                        'info': 'Ville de Marseille'
                    } ];
 
                    for (i = 0; i <= 3; i++) {
 
 
                        var marker = new google.maps.Marker({
                            map : map,
                            draggable : true,
                            animation : google.maps.Animation.DROP,
                            position : {
                                lat : tMarker[i].lat,
                                lng : tMarker[i].lon
                            },
                            title : tMarker[i].title
                        });
 
 
                        var infowindow = new google.maps.InfoWindow({ // Create a new InfoWindow
                              content: marker.title + " => This is <strong>Megamall Penang</strong>, <br /><em>one</em> of shopping centres that has a cinema!" // HTML contents of the InfoWindow
                          });
                        google.maps.event.addListener(marker, 'mouseover', function() { // Add a Click Listener to our marker
                              infowindow.open(map,marker); // Open our InfoWindow
                          });
                        google.maps.event.addListener(marker, 'mouseout', function() { // Add a Click Listener to our marker
                              infowindow.close(map,marker); // Open our InfoWindow
                          });
                    }
 
 
                }
            </script>

... il fonctionne pour la position des marqueurs. Par contre le infowindow affiché est toujours celui du dernier marqueur créé quelque soit le marqueur qui est cliqué. Pourtant tous les objets sont instanciés dans la même boucle...

Avez-vous une idée du problème ?

Par avance, merci.

A+