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.
    • 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.

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]