Worldmap 3D Demo-Client

Requirements

• Setting up the NodeJS (at least 22.17.1 LTS) and React.Js (19.1.0) environment

• Integration of the latest version of the CesiumJS framework at the time of development (Version 1.131.0)

• Loading the 3D city model of Cologne, Germany as CesiumTerrainProvider

• Zoom to Cologne Cathedral after startup

• Provide a selection of different tools (have to be defined in detail)

• When clicking the red dot near Cologne Cathedral, the CesiumJS Viewer is overlaid ( with BabyolnJS) to show an exterior view of the entrance area

• Integration of an underground object in the Cologne city area, here as example tunnels taken from Cesium Sandcastle

• Release the application on demo.terrestris.de

Note: Further requirements may arise in the course of the project and will be added to this list.

Plannning

The purpose of this application is a short demonstration of possibilities and a selection of applications in the 3D context.

Start by npm

Start the app with

npm install
npm run dev

For the built, production version

npm run build
npm run preview

Navigate to localhost:5173. For the built version navigate to localhost:4173.

Start build by docker

docker build -t nexus.terrestris.de/mholthausen/worldmap_3d .
docker run -p 8080:80 nexus.terrestris.de/mholthausen/worldmap_3d
open http://localhost:8080