/Javascript-Carte-HotSpot-Wifi-La-Rochelle

Projet javascript affichant les points d'accès Wifi de la ville de la Rochelle

Primary LanguageJavaScript

Affichage de données open data sur une carte

À partir d'un fichier de données (au format JSON) fourni, vous devez afficher les informations sur une carte en utilisant la librairie Leaflet.

img.png


Objectifs / Compétences

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


Langages utilisés

  • HTML
  • Javascript
  • CSS

Jeu de données en ligne


Bibliothèque utilisée

Leaflet https://leafletjs.com/

https://leafletjs.com/examples/quick-start/


Travail à rendre

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


Barême

  • Respect des consignes 2 pt
  • Fonctionnement du code 2 pt
  • Clarté et lisibilité 1 pt

Retard ou non respect des consignes 0


Bonus

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.