Loading the skills library…
Skills leaderboard
Remotion Maps
Remotion Map animation knowledge
npx skills add remotion-dev/skills --skill remotion-mapsInstalls from the source repository, including any supporting files.
Instructions
Downloads contain the instructions shown here. Use the install command for the complete skill.
Remotion Maps
Choose exactly one technique from the intended shot, then load only that technique's TECHNIQUE.md.
Every technique directory is self-contained and may be removed without breaking the others.
Static map
- Requires you grab a satellite image and mount it in a
<Img>tag, and animate on top
Mapbox
- Requires a Mapbox key
- Nicer styles by default
- Map can display a round globe when zoomed out
- Includes nice 3D buildings such as the Eiffel tower
MapLibre
- Requires no API key, fully free
- Does not include 3D building
MapTiler
- Uses MapTiler
- Annotations can be drawn on top of geographic features: borders, rivers, labels
CesiumJS
- Flythroughs through terrain and mountains
- "Flight simulator" perspective
View raw Markdown
# Remotion Maps Choose exactly one technique from the intended shot, then load only that technique's `TECHNIQUE.md`. Every technique directory is self-contained and may be removed without breaking the others. ## [Static map](techniques/static-map/TECHNIQUE.md) - Requires you grab a satellite image and mount it in a `<Img>` tag, and animate on top ## [Mapbox](techniques/mapbox/TECHNIQUE.md) - Requires a Mapbox key - Nicer styles by default - Map can display a round globe when zoomed out - Includes nice 3D buildings such as the Eiffel tower ## [MapLibre](techniques/maplibre/TECHNIQUE.md) - Requires no API key, fully free - Does not include 3D building ## [MapTiler](techniques/maptiler/TECHNIQUE.md) - Uses MapTiler - Annotations can be drawn on top of geographic features: borders, rivers, labels ## [CesiumJS](techniques/cesium/TECHNIQUE.md) - Flythroughs through terrain and mountains - "Flight simulator" perspective