Durée : 2 jour(s)
Public : tout publics développeurs ou géomaticiens
Pré-requis : public ayant des connaissances minimales en JavaScript
Leaflet est une bibliothèque JavaScript permettant d’afficher une carte interactive au sein d’un site web. Cette bibliothèque est capable de gérer différents fonds de carte, d’afficher des objets vectoriels en surcouche, et de gérer un certain nombre d’interactions avec l’utilisateur. Son API est très simple, et il est facile d’étendre les capacités de la bibliothèque en écrivant des plugins.
Objectifs
Être en capacité de comprendre le fonctionnement d’une carte interactive moderne et de déployer ses propres cartes Leaflet, en sachant à la fois personnaliser l’apparence de la carte, des objets géographiques affichés, puis d’écrire ses propres extensions (plugins) basiques pour ajouter des fonctionnalités.
Programme
Prise en main Leaflet
– Découvrir Leaflet, son historique, ses fonctionnalités principales
– Créer une carte basique et l’intégrer dans une page web
Gestion de données géographiques
– Maîtriser la gestion des calques de données
– Savoir intégrer des données froides : fichiers GeoJSON, CSV
– Savoir intégrer des données chaudes : API open data, données OpenStreetMap (requêtes Overpass)
Jouer avec les représentations
– Personnaliser les éléments de base : style des objets, fonds de carte
– Afficher les données agrégées : clusters, cartes de chaleurs
Étendre les possibilités avec les extensions
– Découvrir le fonctionnement des extensions (ou plugins), comment les utiliser, savoir comparer les alternatives
– Ajouter des plugins : recherche textuelle, géolocalisation automatique, calcul d’itinéraires
– Réaliser des gadgets ou widgets personnalisés : afficher une légende automatique
– Implémenter un plugin avancé : recherche textuelle dans un calque de données