
Description
Best practices for animating Maps in Remotion
SKILL.md
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
More skills from the skills repository
View all 8 skillsmediabunny
handle multimedia with Mediabunny
Jul 21AudioMediaRemotionVideoremotion-captions
manage video captions in Remotion
Jul 12RemotionTranscriptionVideoremotion-create
create new Remotion video projects
Jul 12CreativeRemotionVideoremotion-docs
search Remotion documentation
Jul 17DocumentationReferenceRemotionremotion-markup
write Remotion React markup
Jul 27FrontendReactRemotionVideoremotion-render
render videos with Remotion
Jul 12DeploymentPerformanceRemotionVideo
More from Remotion
View publisherremotion-best-practices
build programmatic videos with Remotion
remotion
Jul 27AnimationReactRemotionTypeScript +1remotion-interactivity
create interactive Remotion animations
remotion
Jul 27AnimationDesignReactRemotionremotion-multimedia
interact with Mediabunny in Remotion
remotion
Jul 27MediaRemotionVideoremotion-saas
build Remotion-powered SaaS applications
remotion
Jul 27ReactRemotionSaaSVideo +1remotion-upgrade
upgrade Remotion projects and dependencies
skills
Jul 21EngineeringMigrationRemotion