Apprenez à utiliser la bibliothèque JavaScript Leaflet tout en vous immergeant dans l'univers captivant de la cartographie.
Qu’est-ce que la cartographie web
La cartographie web (aussi appelée cartographie en ligne ou webmapping) consiste à produire, afficher, personnaliser des cartes sur une page web. C’est un puissant outil de communication aux usages variés : localisation, itinéraire, mais aussi support de jeu, outil de narration, visualisation de données, tableau de bord.
Une carte dynamique permettra d'afficher la carte, mais également d'y ajouter des points en fonction de certains critères comme la proximité de l'utilisateur (les boutiques les plus proches de là où l’utilisateur se trouve).
La carte interactive ajoutera la possibilité à l'utilisateur de filtrer les affichages qu’il désire, en fonction de divers critères (les piscines ouvertes jusqu’à 22h).
Pour ces deux dernières hypothèses, il faudra passer par l'utilisation d'une bibliothèque JavaScript.
Qu'est-ce que Leaflet JS
Leaflet JS est précisément une bibliothèque de cartographie JavaScript, et c’est sans doute aujourd’hui l'outil open-source le plus utilisé pour créer et afficher des cartes interactives dynamiques sur Internet. Léger et performant, il est présent sur de nombreux sites : OpenStreetMap, Flickr, Wikipédia, Foursquare... ou la RATP, pour ne citer qu'eux.
Il existe des alternatives telles qu’OpenLayers ou Maplibre, mais elles sont plus complexes à mettre en place.
MapBox et depuis 2017 l’API de Google Maps sont pour leur part des solutions payantes.
Créer des cartes avec Leaflet
Ce livre vous guide pas à pas dans l'apprentissage de Leaflet. Avec des exemples concrets et variés, vous apprendrez à afficher et concevoir des cartes dynamiques, à les enrichir et les personnaliser, à en extraire de l'information, ainsi qu’à récupérer et visualiser des données géolocalisées.
Vous apprendrez notamment :
➤ comment charger des fonds de carte, qu’ils soient disponibles en ligne ou créés par vos soins
➤ comment dessiner sur les cartes, y placer des marqueurs standards ou personnalisés, ajouter des popups
➤ comment ajouter des couches d’informations sur la carte et les filtrer
➤ comment intégrer une ou plusieurs cartes dans une page HTML
➤ comment mettre en place des écouteurs de clics, récupérer la position de l’utilisateur, recentrer et zoomer la carte, afficher un pop-up personnalisé, calculer des distances
➤ comment afficher des données géolocalisées
➤ comment créer des cartes thématiques (cercles proportionnels, clusters, cartes choroplètes, de chaleur)
➤ comment utiliser conjointement la bibliothèque avec des outils tiers, frameworks JavaScript, mais aussi WordPress, Python et R
Ce que vous apprécierez dans ce livre
➤ la diversité des exemples, propices à stimuler votre créativité
➤ les apartés non techniques pour vous sensibiliser à la cartographie
➤ le ton léger de l’auteur, sa pédagogie
Prérequis
Accessible aux débutants en Leaflet, ce livre nécessite toutefois quelques connaissances de base en JavaScript, HTML et CSS.
