R

remotion-maps

by @remotion-devv
4.8(120)

此技能帮助在 Remotion 中高效制作地图动画,支持多种地图服务(Mapbox、MapLibre、MapTiler、CesiumJS)和静态卫星图,可用于数据可视化、旅行视频等场景,节省开发时间。

remotionmap-animationvideo-productiongeospatialdata-visualizationGitHub
安装方式
npx skills add https://github.com/remotion-dev/skills --skill remotion-maps
compare_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日
🎁 Agent 知识卡片
调研问卷