Bonjour à tous,
Je suis en train de tester l'API Google Maps et je suis confronté à un problème que je n'arrive pas à résoudre :
J'importe un Geojson (dans l'exemple ci-dessous je fais mes tests sur celui donné en exemple par Google ici) puis je créé différentes couches (objets de type google.maps.Data) dans lesquels je souhaite intégrer les différentes features du Geojson en fonction de leur attribut (dans l'exemple j'ai choisi de le décomposer en fonction de l'attribut "color").
Je n'ai aucune erreur qui ressort dans le débuggeur mais mes couches (yellowLayer, etc...) restent vide.
Le but étant ensuite de pouvoir activer ou désactiver telle ou telle couche avec des boutons.
Quelqu'un voit-il d'où vient l'erreur?
Bonne journée,
Maxime
Je suis en train de tester l'API Google Maps et je suis confronté à un problème que je n'arrive pas à résoudre :
J'importe un Geojson (dans l'exemple ci-dessous je fais mes tests sur celui donné en exemple par Google ici) puis je créé différentes couches (objets de type google.maps.Data) dans lesquels je souhaite intégrer les différentes features du Geojson en fonction de leur attribut (dans l'exemple j'ai choisi de le décomposer en fonction de l'attribut "color").
Code:
data1 = new google.maps.Data();
data1.loadGeoJson('https://storage.googleapis.com/maps-devrel/google.json');
yellowLayer = new google.maps.Data();
redLayer = new google.maps.Data();
blueLayer = new google.maps.Data();
greenLayer = new google.maps.Data();
data1.forEach(function(feature) {
if (feature.getProperty("color")=="yellow"){
yellowLayer.add(feature);
} else if (feature.getProperty("color")=="red"){
redLayer.add(feature);
} else if (feature.getProperty("color")=="blue"){
blueLayer.add(feature);
} else {
greenLayer.add(feature);
}
});
yellowLayer.setMap(map);
redLayer.setMap(map);
blueLayer.setMap(map);
greenLayer.setMap(map);Le but étant ensuite de pouvoir activer ou désactiver telle ou telle couche avec des boutons.
Quelqu'un voit-il d'où vient l'erreur?
Bonne journée,
Maxime