remotion-maps

仓库创建 2026年7月27日最近提交 2 天前SkillHot 收录 2 天前
▸ 精选理由

提供多种地图技术路径,便于按需选用轻量方案。

这个 Skill 做什么

在 Remotion 中制作和动画化地图素材的最佳实践集合。

整理在 Remotion 里做地图动画的几种技术路线,并强调每个镜头只选一种实现,避免混用导致负担。比如可以用静态卫星图挂在 <Img> 上做叠加动画,或者用 Mapbox 等独立方案,每个 technique 目录自成一套。这样每个方法都可拆除或替换,不会互相影响。

▸ 展开 SKILL.md 英文原文

Best practices for animating Maps in Remotion

开发编程Remotion地图动画通用
0
Stars
0
Forks
12
仓库内 Skill
+0
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/melonwer/hearsay/main/.agents/skills/remotion-maps/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/melonwer/hearsay/main/.agents/skills/remotion-maps/SKILL.md"
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](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/
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有