On this page

Animate routes with a dynamic camera

Animate multidimensional routes with a dynamic camera that follows the journey in real-time. Whether it’s a high-altitude flight or a ground-level drive, provide clear spatial and temporal context by syncing 3D transport models with precise path data.

This demonstration showcases how to animate multidimensional routes in a map.

NPM module
Basic JavaScript

plane a340 by mamont nikita is licensed under Creative Commons Attribution ↩

Model by scailman for Low Poly Small car ↩

Model by pedrosvalero for Main Boat From Over The Seas GGJ'17 ↩

Animations and Animated Routes

Animations and Animated Routes

Animates a path or route on the map based on keyframes or GeoJSON data.

Import and play GLTF animations from GLTF files

Play GLTF animations

Play animations in GLTF models simulating a plane flight.

Add events on 3D models

3D model events

Listen for mouse events on 3D models in maps.

Animate a 3D plane flight

Animate a 3D plane flight

Simulate and animate a 3D plane flight between cities.

An extension of MapLibre GL JS

Was this helpful?