TP - Utilisation de Leaflet.js

Voici quelques liens qui ont permis de réaliser la base du TP ou qui vous aideront à réaliser la demande :

• Données :
  • fichier GeoJSON des départements
  • fichier Taux de chômage
• Source des données :
  • Les communes au format GeoJSON : attention, dans ces fichiers, les coordonnées sont inversées ([long, lat] au lieu de [lat, long])
  • Les données du chômage issues de l’INSEE
• Lien pour le code
  • Un parser pour lire un fichier CSV
  • Un exeple pour travailler avec du GeoJSON et Leaflet
  • Un autre un peu plus poussé, pour ajouter de l’interaction
  • Une présentation par Mike Bostocks pour l’utilisation avec d3.js

Base de travail :

• sans d3.js
• avec d3.js

A faire

A partir de cette base, vous devez :

• faire en sorte que le zoom de la carte soit limité (ni trop grand, ni trop petit)
• jouer sur l’opacité lors du passage de la souris pour que le département soit bien visible
• améliorer l’affichage des informations en créant une fenêtre tooltip affichant toutes les informations dont on dispose
• donner la possibilité de choisir l’indicateur permettant la coloration des départements
  • dans ce cas, il serait judicieux de faire une échelle commune à tous les indicateurs, du genre de celle de l’INSEE
• s’intéresser aux autres tuiles disponibles via Open Street Map, et les autres fournisseurs

Pour avoir le résultat proposé, regarder :

• solution sans d3.js
• solution avec d3.js

Bonus

Pour ceux qui ont fini tôt, vous pouvez réaliser une cartographie des scénarios de prévision de la population à horizon 2040 selon l’INSEE (fichiers source). Il vous sera bien évidemment nécessaire de faire un peu de manipulation de fichiers auparavant. Essayez d’abord avec le scénario central.