Aller au contenu

OSM DATA V2 : Données géospatiales ouvertes, 2D, 3D et OpenStreetMap#

📆 Date de publication initiale : 3 mars 2025

Contexte#

Bonjour à tous, je m'appelle Karl !

OSM DATA a vu le jour en 2020, né d'une collaboration entre Jean-Louis Zimmermann et moi-même. Son objectif est de faciliter l'accès, la visualisation et le téléchargement des données OpenStreetMap (OSM).

Je m’occupe du développement de la plateforme, Jean-Louis paramètre les (nombreux !) jeux de données thématiques. Actuellement, le projet OSM possède plus de 365 couches sur la France avec des styles parfois complexes.

En 2023, après des défaites (trop nombreuses !) contre mes anciens collègues à FIFA, je change de vie et je réfléchis à une nouvelle version d'OSM DATA. Est-ce-que cette plateforme n'est destinée qu'à l'utilisation de données d'OSM ? Pourrait-on importer et afficher des fichiers externes (Geopackage, Shapefile, IFC...) ? Un affichage en 3D avec Mapbox / Maplibre / Giro3D ?

OSM - SIG - BIM/CIM - jumeaux numériques, où sont les points de convergence ?

Vue de la tour Montparnasse dans OSM DATA V2

C'est dans ce contexte et une potentielle accélération de l'adoption des jumeaux numériques que je vous présente une série d'articles, avec la contribution de Romain, les nouveautés d'OSM DATA V2 !

En complément de cet article introductif, qui explique le fonctionnement d'OSM DATA et présente ses principales nouveautés, nous publierons quatre autres articles pour explorer :

  • Les étapes techniques d’ingestion des données, jusqu’à la diffusion des flux WMS/WFS.
  • La modélisation 3D des bâtiments.
  • Les performances d’une application intégrant plusieurs objets en 3D.

Bonne lecture !

La technologie derrière OSM DATA#

Pour les plus techniciens, voici la technologie utilisée derrière OSM DATA :

  • PostgreSQL/PostGIS pour la gestion des données géospatiales
  • QGIS Desktop pour la définition des jeux de données et des symbologies associées
  • QGIS Server pour la création des flux WMS/WFS
  • Python (Geopandas, PyQGIS) pour l'intégration des données en base de données
  • Giro 3D (basé sur OpenLayers et Three.js)
  • Django pour le framework

L'objectif avec OSM DATA est de créer un écosystème webSIG entièrement open source "QGIS centré" ❤ : données - métadonnées - symbologie.

L'ensemble de l'application est hébergée par OSM France ❤.

Les nouveautés#

Le premier changement apparaît dès l'ouverture de la page : les éléments structurants et informationnels sont représentés en 3D (l'affichage de la topographie est en développement) intégrant une modélisation du patrimoine bâti. Les données sont extrudées à partir des bâtiments d'OSM, la représentation est généralement proche d'un LOD1 texturé. Des améliorations persistent sur la modélisation, la tour Eiffel en est un bon exemple, le rendu est beaucoup moins réaliste que la plupart des représentations réalisées sur Minecraft.

La Tour Eiffel Minecraft de Wish

La seconde nouveauté réside dans l'import et la stylisation de données. Une fois devenu administrateur de la plateforme (n'hésitez pas à m'écrire sur Linkedin pour le devenir), il est possible de choisir un jeu de données préexistant mais aussi :

  • d'ajouter un jeu de données géoréférencé externe, à partir d'un fichier (Geopackage, Shapefile, GeoJSON....)
  • de créer son propre jeu de données à partir d'une requête SQL sur la base de données d'OpenStreetMap ou sur une ou plusieurs autres bases de données PostgreSQL (jointure, transformation avec fonctions PostGIS...)

Interface d'ajout de données

Une fois le jeu de données ajouté, des capacités de symbologie primaires sont disponibles, il est aussi possible d'importer un style préalablement défini dans QGIS.

Configuration de la symbologie

On peut ajouter autant de jeux de données que l'on veut sur l'application, les couches créées sont stockées sur le serveur. Sur le portail public, l'ensemble des couches est disponible à la visualisation via un gestionnaire de couches. Chaque couche affichée peut être interrogée, une infobulle apparaît avec les attributs disponibles.

Parcours des données avant visualisation#

Pour mieux comprendre le module d'importation des données, le diagramme ci-dessous résume les principales étapes en fonction des possibilités d'ajout.

Parcours des données avant visualisation

Si le jeu de données provient d'un fichier SIG, celui-ci est lu et analysé à l'aide de la librairie Geopandas avant d'être enregistrée sous forme de table en base de données. Si le jeu de données est créé à partir d'une reqête SQL, cette dernière est convertie en vue dématérialisée et enregistrée en base de données (approfondi dans le cadre d'un futur article).

Une fois les données intégrées en base de données, un projet QGIS est créé avec la librairie pyqgis, facilitant ensuite la définition de flux WMS/WFS directement créés avec QGIS SERVER.

Visualisation 3D avec Giro3D#

Lors de l'ajout d'une couche dans OSM DATA, les données sont sauvegardées en 2D en base de données avant d'être publiées sous des flux cartographiques WMS/WFS. Deux cas de figure (patrimoine bâti, autres données) se présentent pour représenter des couches d'entités avec Giro3D.

Giro3D est une bibliothèque JavaScript pour visualiser/interagir avec des données 3D sur un navigateur web, utilisant les technologies OpenLayers et Three.js. OSM DATA étant initialement développé avec OpenLayers, la transition vers Giro3D a été facilitée. Ci-dessous un exemple d'utilisation d'un WMS avec les deux technologies :

  • Avec OpenLayers :

    Afficher un WMS avec OpenLayers
    import TileWMS from 'ol/source/TileWMS';
import TileLayer from 'ol/layer/Tile.js';

// Création de la "source"
const wmsSource = new TileWMS({
        url: "QGIS SERVER URL",
        params: {
        "LAYERS":"LAYER NAME",
        "STYLE":"LAYER STYLE NAME"
        },
        serverType: 'qgis',
        crossOrigin: 'anonymous',
});

// Création du "layer"
const wmsLayer = new TileLayer({
source: wmsSource
})

  • Avec Giro3D :

    Afficher un WMS avec Giro3D
    import ColorLayer from '@giro3d/giro3d/core/layer/ColorLayer.js';
import TiledImageSource from '@giro3d/giro3d/sources/TiledImageSource.js';

// Création du "layer"
const wmsLayer = new ColorLayer({
name: "NAME OF OUR LAYER",
source: new TiledImageSource({
    // Réutilisation de notre "source" d'openlayer
    source: wmsSource,
})
})

De plus, Giro3D est open source et le développeur principal est réactif et réceptif aux merge-request 👍.

Concernant le patrimoine bâti, il est issu de la base de données d'OSM où l'emprise et différents attributs associés à l'entité permettent de reconstruire dynamiquement la géométrie en 3D. Un prochain article détaille cette partie et notamment les principales contraintes :

  • L'extrusion des polygones 2D pour l'obtention d'objets 3D
  • La construction des toitures de types Onion, Mansard, Glabled ... uniquement à partir de l'emprise et du type de la toiture
  • La performance d'affichage qui doit permettre une navigation (plus) fluide

Pour l'ajout de données via l'interface administrateur et dans le cas de géométries de type Polyline et Polygon, les données sont affichées en 2D avec une altitude nulle. Pour les géométries de type Point, une altitude (+ 4 m) est appliquée par défaut aux données par rapport au sol / au bâtiment (si l'entité en intersecte un).

Dans le prochain article de cette série, nous détaillerons les mécanismes techniques permettant d'ajouter des données issues d'un fichier SIG ou d'une requête SQL, en décrivant chaque étape, depuis leur validation jusqu'à leur diffusion via QGIS SERVER. L'article inclura également des extraits de code afin de mieux comprendre, voire reproduire le processus.

Auteur·ices#

Karl TAYOU#

Passionné et curieux par tout ce qui tourne au tour du SIG, 3D et OpenStreetMap.

Principal développeur de demo.openstreetmap.fr

Romain LATAPIE#

Géomètre de formation, j'ai découvert l'open-source au fil de relevés topographiques/bathymétriques et du développement d'outils géospatiaux au Québec pour Tetra Tech. Revenu en France en 2022, je me suis intéressé à la modélisation 3D et au BIM avec FUTURMAP. Je travaille désormais à Siradel, toujours avec un projet QGIS / PostGIS sous le coude !

Licence #

Ce contenu est sous licence Creative Commons International 4.0 BY-NC-SA, avec attribution et partage dans les mêmes conditions, sauf dans le cadre d'une utilisation commerciale.
Les médias d'illustration sont potentiellement soumis à d'autres conditions d'utilisation.

Réutiliser, citer l'article

Vous êtes autorisé(e) à :

  • Partager : copier, distribuer et communiquer le matériel par tous moyens et sous tous formats
  • Adapter : remixer, transformer et créer à partir du matériel pour toute utilisation, exceptée commerciale.

Citer cet article :

"OSM DATA 3D : présentation" publié par Karl TAYOU, Romain LATAPIE sur Geotribu sous CC BY-NC-SA - Source : https://geotribu.fr/articles/2025/2025-03-03_osm-data-3D-01-introduction/

Commentaires

Afin de favoriser les échanges constructifs, merci de préférer le pseudonymat à l'anonymat. Pour rappel, l'adresse mail n'est pas exposée publiquement et sert principalement aux notifications de réponse. Les commentaires sont automatiquement republiés sur nos réseaux sociaux pour favoriser la discussion. Consulter la page sur la confidentialité et les données personnelles.
Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.

Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International Pictogramme Creative Commons Pictogramme Creative Commons BY Pictogramme Creative Commons NC Pictogramme Creative Commons SA