Mise en place d'un outil de visualisation de données géographiques 3D sur du web
- Zattouta, Takieddine (2022)
Rapport de stage
Non consultable
-
- Mise en place d'un outil de visualisation de données géographiques 3D sur du web
-
- Implementation of a tool for visualizing 3D geographic data on the web
-
- 16 septembre 2022
-
- Web SIG
- IFC
- LAS/LAZ
- BIM
- ThreeJS
- MapLibre GL
- 3D
- Potree
- Github
- Django
- Docker
- Angular
-
- Web GIS
- IFC
- LAS/LAZ
- BIM
- ThreeJS
- MapLibre GL
- 3D
- Potree
- Github
- Django
- Docker
- Angular
-
-
L’entreprise Futurmap dispose d’une plateforme cartographique web qui permet de visualiser ses
produits à travers le pack Autodesk web (AutoCAD, Revit) et les localiser à partir d’une carte 2D.
Son intérêt est d’offrir à ses clients la capacité de consulter efficacement les différents livrables.
Cependant, le pack Autodesk web n’offre qu’une visualisation de données complètement détachée
de la carte ce qui engendre plusieurs parties dans l’application intégralement déconnectées.
L’objectif est de garder le concept initial et de mettre en place une nouvelle cartographie assurant
l’intégration des données tridimensionnelles dans leur environnement géographique. Nous avons
réalisé un état de l’art sur les formats de données natives et les formats lisibles sur le web ainsi que
les moteurs et les frameworks assurant la visualisation. En outre, le choix de la bibliothèque
cartographique Open Source s’est accordé à Maplibre GL JS basée sur les tuiles vectorielles de
MapTiler Cloud offrant un affichage des bâtiments en 3D ainsi que des fonds cartographiques
personnalisés. La coordination entre les données lisibles sur le web et la bibliothèque
cartographique Maplibre se fait avec la bibliothèque JavaScript ThreeJS permettant la création des
scènes 3D dans les navigateurs web. Après avoir testé la transformation de données et leur
visualisation sur une carte 3D à l’aide de ThreeJS, il a été décidé de construire le backend contenant
tous les processus de préparation de données avec le framework Django (Python) pour ensuite le
compléter en mettant en place la partie frontend qui se produit avec le framework Angular
(Typescript) afin d’offrir aux utilisateurs une interface plutôt complète connectée et facile à prendre
en main.
-
L’entreprise Futurmap dispose d’une plateforme cartographique web qui permet de visualiser ses
-
-
The company Futurmap has a web mapping platform that allows visualizing its products through
the Autodesk web package (AutoCAD, Revit) and locating them from a 2D map. Its interest is to
offer its customers the ability to effectively consult the various deliverables. However, the Autodesk
web package only offers a data visualization that is completely detached from the map, which
results in several parts of the application being completely disconnected. The objective is to keep
the initial concept and to implement a new mapping that ensures the integration of threedimensional data in their geographical environment. We have carried out a state of the art on
native data formats and formats readable on the web as well as engines and frameworks ensuring
the visualization. In addition, the choice of the Open-Source cartographic library was made to
Maplibre GL JS based on MapTiler Cloud vector tiles offering a 3D display of buildings as well as
customized map backgrounds. The coordination between the web-readable data and the Maplibre
cartographic library is done with the ThreeJS JavaScript library allowing the creation of 3D scenes in
web browsers. After testing the data transformation and visualization on a 3D map using ThreeJS, it
was decided to build the backend containing all the data preparation processes with the Django
framework (Python) and then to complete it by implementing the frontend which is done with the
Angular framework (Typescript) to offer users a rather complete interface connected and easy to
handle.
-
The company Futurmap has a web mapping platform that allows visualizing its products through
Citation bibliographique
Zattouta, Takieddine (2022), Mise en place d'un outil de visualisation de données géographiques 3D sur du web [Rapport de stage]