Development of interactive platforms for city modeling and digital twins using React and MapLibre

Autors: Walter Shilman, Sebastian Lopez, Ariel Anthieni

Index

• Introduction
• State of the art of Digital Twins
• Types of data ( Mesh, Raster, Vectorial, DEM, IFC, b3dm )
• Architecture of the mapviewer
• Installing requirements
• Building your project
• Setting up the development workspace: apps, libs, dependencies, repositories
• Code inspection and code detail

Break

• Q&A
• Experiences working with Mesh data for Maplibre
• Quick look at a Mesh project and “Termo”
• Setting up Backend workspace
• Inspecting docker-compose.yml
• Deployment of the Tile Server
• Preparing your data
• Connection between frontend mapviewer and local map server

Requeriments

• Visual Studio Code
• Git client
• Docker
• Npm

Repositories

• Mapviewer (Frontend)
• Tile Server (Backend)
• Preparing the Vector Tile (Data)

Experimental - Project in progress...

• Map viewer - Mesh

• Starting integration research with IFC.js