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 : 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
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"});
});
        }