R
remotion-maps
by @remotion-devv
4.8(120)
此技能帮助在 Remotion 中高效制作地图动画,支持多种地图服务(Mapbox、MapLibre、MapTiler、CesiumJS)和静态卫星图,可用于数据可视化、旅行视频等场景,节省开发时间。
安装方式
npx skills add https://github.com/remotion-dev/skills --skill remotion-mapscompare_arrows
Before / After 效果对比
1 组使用前
在没有此技能之前,用户需要手动编写地图动画代码,从零开始集成地图服务,调整样式和动画参数,通常需要数小时。
使用后
该Skill提供了现成的技术方案和最佳实践,只需选择合适的技术并传入数据即可快速生成高质量地图动画,大幅缩短开发时间。
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
用户评价 (0)
发表评价
效果
易用性
文档
兼容性
暂无评价
统计数据
安装量166.7K
评分4.8 / 5.0
版本
更新日期2026年10月23日
对比案例1 组
用户评分
4.8(120)
5
37%
4
43%
3
13%
2
5%
1
2%
为此 Skill 评分
0.0
兼容平台
🤖claude-code
时间线
创建2026年7月26日
最后更新2026年10月23日