À partir d'un fichier de données (au format JSON) fourni, vous devez afficher les informations sur une carte en utilisant la librairie Leaflet.
Savoir parcourir un tableau d'objets en JSON https://developer.mozilla.org/fr/docs/Learn/JavaScript/Objects/JSON Découverte et utilisation de JSON https://developer.mozilla.org/fr/docs/Learn/JavaScript/Objects/JSON Utilisation d'une librairie JS Utilisation de console.log console.table
- HTML
- Javascript
- CSS
- Depuis le portail OpenData de la Rochelle
- Emplacement des HotSpot Wifi de la ville https://opendata.agglo-larochelle.fr/visualisation/map/?id=telecommunication_hotspot_wifi_ville_de_la_rochelle
Leaflet https://leafletjs.com/
https://leafletjs.com/examples/quick-start/
Envoyer son code via EcoleDirecte au format ZIP en respectant le format NOM_PRENOM_TP_1_B2.zip
Respecter les consignes demandées Utilisation du fichier JSON fourni Nom de l'archive à envoyer
- Respect des consignes 2 pt
- Fonctionnement du code 2 pt
- Clarté et lisibilité 1 pt
Retard ou non respect des consignes 0
Utiliser des icônes personnalisées https://thenounproject.com/search/icons/?iconspage=1&q=wifi
Afficher les données du JSON sous forme de tableau sous la carte.
Un clic sur une ligne du tableau affiche le tooltip du marker correspondant.