Cartes Web avec MapLibre GL JS

MapLibre GL JS est une bibliothèque cartographique JavaScript riche, permettant d’afficher des cartes interactives avec des données 2D ou 3D, vectorielles ou matricielles. Elle propose des possibilités de rendus poussées pour tous types d’applications.

• Durée : 1 ou 2 jours
• Public : tous publics développeurs ou géomaticiens
• Pré-requis : public ayant des connaissances minimales en JavaScript

Objectifs

Connaître les fonctionnalités principales de MapLibre, savoir afficher des données venant de tuiles vectorielles, interagir avec les données, modifier les styles.

Programme

Prise en main de MapLibre

• Découvrir MapLibre GL, son historique, ses fonctionnalités principales, les divergences avec Mapbox
• Créer une carte basique et l’intégrer dans une page web

Gestion de données géographiques

• Maîtriser la gestion des sources de données, des calques (layers) et des styles
• Savoir intégrer des données froides : fichiers GeoJSON, tuiles vectorielles ou matricielles
• 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 des données en 3D (relief, objets 3D, extrusions de polygones)