About This 3D Map
This is a worlwide 3D map using Babylon.js and the SpaceXR library. You can navigate using mouse or touch inputs.
The core navigation technology relies on a virtual screen that emulates both touch and mouse events on a 3D plane. The geography system is built upon a tile engine that handles 2D tiles such as raster, vector, and DEM data.
Additionally, 3D Tiles and related GLTF extensions are used to render features such as buildings and assets. The purpose of this representation is NOT to mimic existing 3D globes but to explore how we can render geography on a table using XR technologies.
A 3D globe is also supported—mathematically, everything is straightforward.
To manage tiled data and achieve high rendering performance, this engine uses a custom shader pipeline and additional support for 3D textures, which are not natively available in Babylon.js. This approach enables efficient GPU usage for terrain and imagery blending at multiple levels of detail.
© 2025 Guillaume Pelletier. All rights reserved. The libraries used in this project are not provided as open source. Any disassembly, reverse engineering, or use without explicit permission is strictly prohibited.
Map Navigation Help
Mouse (on the map)
- Left-click + drag: Move the map
- Right-click + drag: Rotate the map
- Mouse wheel: Zoom in/out
Outside the map area, the default camera behavior of Babylon.js still applies.
Touch (on the map)
- 1 finger drag: Move the map
- 2 fingers pinch: Zoom
- 2 fingers rotate: Rotate the map
Touch gestures outside the map area will interact with the Babylon.js scene as usual.