CesiumJS & 3D Web Mapping Tutorials Hub

CesiumJS is the leading open-source library for building 3D globes, photorealistic terrain, and large-scale 3D Tiles applications in the browser. Combined with Three.js for custom WebGL layers and Python for data preparation, it powers everything from flight simulators and digital twins to geological visualisations. This hub collects every 3D and CesiumJS tutorial on Spatial Dev Guru.

🌍 CesiumJS + Vue.js Integration

1. Part 1 — Render a 3D Map in Vue
2. Part 2 — Generate & Render 3D Terrain

🎯 Physics & Simulation in CesiumJS

• Simulate Projectile Motion with CesiumJS & Quadratic Equations

🔵 Point Clouds & 3D Tiles

• Render Point Clouds in CesiumJS (3D Tiles)

🏔️ 3D Terrain Beyond Cesium

Three.js is the obvious choice when you need a fully custom 3D scene from a GeoTIFF, while PyVista keeps you in Python for analysis-driven 3D work.

• Create 3D Terrain Maps from GeoTIFF with Three.js
• 3D Terrain Visualisation with DEM & PyVista (Python)
• 3D Network Route Visualisation with PyVista & OSMnx

✈️ 3D Animation & Flight Paths

• Animate a 3D Helicopter Along a Line with MapLibre + Three.js
• Animate a Point Along a Line in ArcGIS

🧠 Suggested Learning Path

1. Begin with CesiumJS + Vue Part 1 to learn the viewer, camera, and entity model.
2. Add real terrain via Cesium Part 2.
3. Try a Three.js GeoTIFF terrain when you need fully custom shaders or non-Earth scenes.
4. Bring in 3D Tiles via the Point Cloud tutorial.
5. Add animation: projectile motion in Cesium or a helicopter route in MapLibre + Three.js.

---

Need to prepare your DEMs, point clouds, or geometries before pushing to a 3D viewer? See the Python GIS hub for clipping, resampling, and parallel raster processing.