Webmapping - Initiation : Leaflet, OpenLayers et GeoServer
Publier vos premieres cartes web interactives avec les technologies open source, du navigateur au serveur cartographique.
Overview
Diffuser une carte sur le web sans licence couteuse. Vous acquerez les bases du developpement web, puis vous construisez des cartes interactives avec Leaflet et OpenLayers, alimentees par vos propres donnees via GeoServer. L'IA generative vous assiste pour ecrire et comprendre le code.
What you will be able to do
- Acquerir les bases HTML, CSS et JavaScript utiles au webmapping
- Creer une carte interactive avec Leaflet
- Decouvrir OpenLayers et ses apports specifiques
- Comprendre et utiliser les standards OGC (WMS, WFS)
- Publier ses donnees avec GeoServer
- Utiliser l'IA generative comme assistant de developpement
Day-by-day programme
-
1
Jour 1 - Socle web
Fonctionnement du web : client, serveur, requetes. HTML et CSS essentiels. JavaScript : variables, fonctions, evenements, manipulation du DOM. Environnement de developpement et outils du navigateur.
-
2
Jour 2 - Cartographier avec Leaflet
Premiere carte : fonds, couches, controles. Afficher des donnees GeoJSON. Styles, popups et interactions. Marqueurs, groupes et clustering. Responsive et bonnes pratiques.
-
3
Jour 3 - Donnees et standards OGC
Formats du web : GeoJSON, tuiles, tuiles vectorielles. Standards OGC : WMS, WFS, WMTS. Prise en main de GeoServer : publier une couche, styler en SLD, consommer ses flux dans une carte.
-
4
Jour 4 - OpenLayers et projet
OpenLayers : quand et pourquoi le preferer. Projections et sources multiples. Interactions et outils de dessin. Assistance par l'IA generative. Projet fil rouge : une application cartographique complete.
Audience and prerequisites
Who is it for?
Geomaticiens, etudiants et developpeurs debutants souhaitant diffuser des cartes en ligne.
Prerequisites
Bases SIG. Aucune experience prealable en developpement web requise.
Interested in this course?
Open sessions or tailor-made courses for your teams. Reply within 48 hours.