Map Route Flyover
A configurable MapLibre journey between two coordinates with a revealed great-circle route, satellite basemap, and frame-driven follow camera.
- Job
- locate, explain
- Family
- route-map
- Sync points
- departure @ 0.6s, arrival @ 6.8s
- Default duration
- 8.0s
- Frame rate
- 30 fps
- Engine
- Remotion / React
- Background
- Transparent — composites over any scene
Use it
Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.
“Add the map-route-flyover scene to my video and set its props to match my brand.”
Customize in Studio
Adapt the content, styling, timing, and layout to fit your project.
Related
All maps & geographyWatercolor Route Map
An illustrated route journey built from watercolor tiles, with a hand-drawn path treatment, place labels, and a deterministic frame-following camera.
Spain Map
Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection
US Bubble Map
Animated US bubble map with proportional city markers, value callouts, and connection lines — composable with us-map
US Flow Map
Animated connection arcs between US cities over a base map — composable origin-destination flow visualization
US Hex Grid Map
Animated hexagonal tile grid map — each state as an equal-weight hex with data fill and abbreviation label
US Map
Animated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.