Affecter un événement dans une boucle
Bonjour,
J'ai un problème sur Google Map Api.
J'ai un tableau avec plusieurs polygones représentant divers quartiers. Le code ci-dessous réussit à afficher chaque quartier à l'aide d'une boucle, cependant pour les évènements liés cela ne fonctionne pas.
En effet je souhaite modifier la couleur du polygone avec la fonction setOptions({fillColor: "#33FF33"}); , qui fonctionne bien quand le polygone n'est pas une ligne d'un tableau.
Y-a-t-il une erreur dans mon code ? Je tourne en rond....
Merci pour votre aide
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
| for (var i = 0, maxi; maxi = quartierCoord[i]; i++) {
PolygoneQuartier[i] = new google.maps.Polygon({
paths: quartierCoord[i], //Données remplies plus haut dans le code
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
nom: quartierNom[i]
});
PolygoneQuartier[i].setMap(map);
// EVENEMENTS SUR QUARTIERS
google.maps.event.addListener(PolygoneQuartier[i], 'mouseover',function(event) {
PolygoneQuartier[i].setOptions({fillColor: "#33FF33"});
});
google.maps.event.addListener(PolygoneQuartier[i], 'mouseout',function(event) {
PolygoneQuartier[i].setOptions({fillColor: "#FF0000"});
});
google.maps.event.addListener(PolygoneQuartier[i], 'click',function(event) {
PolygoneQuartier[i].setOptions({fillColor: "#006aff"});
});
} |
