Exercices Metro de paris

Exercice - Metro de Paris

Le but de cet exercice est d’afficher les lignes de metro de Paris, et d’un contrôle pour afficher/masquer chaque ligne.

• Dans une nouvelle page (basée sur Leaflet)
• Chargez le fichier GeoJSON des métros
• Pour chaque ligne :
  • Ajoutez un calque GeoJSON
  • Appliquez la bonne couleur de ligne (feature.properties.colourweb_hexa)
• Ajoutez ensuite un nouveau contrôle de couches vide à la carte (L.control.layers({}, {}).addTo(map))
  • Ce contrôle peut avoir une option pour être ouvert par défaut ({collapsed: false})
• Lors du parcours des lignes, ajoutez une entrée dans le contrôle, sous forme d’overlay
  • votre_controle.addOverlay(layer, image)
  • layer doit être la couche GeoJSON
  • image doit être l’icône de la ligne sous forme d’image HTML (URL: feature[0].properties.picto_final)
• Vérifiez que chaque ligne est bien affichée/masquée lors du click