Description

Ce thème porte sur la création de cartes interactives en ligne à l’aide de la bibliothèque JavaScript OpenLayers. Il permet de manipuler des données géographiques, d’afficher des cartes dynamiques et de développer des applications de webmapping.

À qui s'adresse cette formation ?

Pour qui ?

Cette formation s’adresse aux développeurs web, aux étudiants en informatique et aux professionnels souhaitant s’initier ou se perfectionner en cartographie web. Elle est également adaptée à toute personne désirant créer des applications de webmapping interactives avec JavaScript et OpenLayers.

Prérequis

Aucun

Les objectifs de la formation

utiliser la bibliothèque de fonctions cartographiques Openlayers pour créer un site web cartographiques, dynamique,

Programme de la formation

• Jour 1 : Fondamentaux du webmapping et prise en main d’OpenLayers

  1. Introduction à la cartographie web

  • Présentation du webmapping et de ses usages

  • Différence entre SIG, cartographie traditionnelle et cartographie web

  • Notions fondamentales : données géographiques, couches, coordonnées

  • Formats de données utilisés en webmapping (GeoJSON, WMS, etc.)

  • Architecture d’une application de cartographie web

  2. Introduction à OpenLayers

  • Présentation de la bibliothèque OpenLayers

  • Avantages et cas d’utilisation

  • Structure d’une application OpenLayers

  • Intégration d’OpenLayers dans une page web (HTML / JavaScript)

  3. Affichage des cartes

  • Chargement d’un fond de carte (OpenStreetMap, Bing, etc.)

  • Gestion des vues et du zoom

  • Définition des projections cartographiques

  • Manipulation de la carte dans le navigateur

  4. Ajout de données géographiques

  • Ajout de marqueurs (points) sur la carte

  • Affichage de lignes et polygones

  • Utilisation de fichiers GeoJSON

  • Introduction aux couches (layers)

  5. Travaux pratiques

  • Création d’une première carte interactive

  • Ajout de plusieurs couches de données

  • Affichage de points d’intérêt sur une carte

  • Manipulation du zoom et des interactions de base

• Jour 2 : Fonctionnalités avancées et développement d’applications webmapping

  1. Gestion avancée des couches

  • Superposition de couches multiples

  • Gestion de la visibilité et de l’ordre des couches

  • Utilisation de services WMS / WMTS

  • Chargement dynamique des données

  2. Interactions utilisateurs

  • Événements sur la carte (clic, survol, sélection)

  • Affichage d’informations contextuelles (popups)

  • Interaction avec les objets géographiques

  • Outils de navigation et de mesure

  3. Personnalisation de la carte

  • Styles des objets géographiques

  • Personnalisation des marqueurs et icônes

  • Gestion des couches dynamiques

  • Amélioration de l’ergonomie utilisateur

  4. Introduction aux données dynamiques

  • Utilisation de sources de données externes

  • Chargement de données en AJAX / API

  • Introduction aux bases de données géographiques

  • Notions de mise à jour en temps réel

  5. Travaux pratiques

  • Création d’une application webmapping complète

  • Intégration de plusieurs couches dynamiques

  • Ajout d’interactions utilisateur avancées

  • Affichage de données GeoJSON interactives

  • Mise en place de popups d’information