remotion-maps
This skill enables efficient map animation in Remotion, supporting various map services (Mapbox, MapLibre, MapTiler, CesiumJS) and static satellite imagery. It is ideal for data visualization, travel videos, and geospatial storytelling, drastically reducing development effort.
npx skills add https://github.com/remotion-dev/skills --skill remotion-mapsBefore / After Comparison
1 组Before this skill, users had to manually write map animation code, integrate map services from scratch, and tweak styles and animation parameters, often taking hours.
This skill provides ready-made techniques and best practices. Users simply choose the right technique, load data, and produce high-quality map animations quickly.
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
User Reviews (0)
Write a Review
No reviews yet
Statistics
User Rating
Rate this Skill