mcpField
R
remotion-maps

remotion-maps

github.com/guanyang创意与媒体984159 次安装2 天前更新
代码仓库

关于 remotion-maps

用于在 Remotion 视频合成中选择和实现地图技术的技能，介绍静态地图、Mapbox、MapLibre、MapTiler 和 CesiumJS，适用于不同视觉需求。

主要功能

  1. 01提供五种地图技术
  2. 02静态地图上叠加动画
  3. 03Mapbox 样式与地球视图
  4. 04MapLibre 无需 API 密钥
  5. 05MapTiler 标注与 CesiumJS 飞行

适用场景

  1. 01为镜头选择地图方案
  2. 02使用 Mapbox 制作地球或 3D 建筑场景
  3. 03用 MapTiler 标注地理要素
  4. 04用 CesiumJS 制作地形飞行镜头

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/guanyang/open-agent-hub --skill remotion-maps

安装后在 Claude Code 中输入/remotion-maps确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
assets/
remotion-icon.svg
techniques/cesium/
TECHNIQUE.md
techniques/cesium/assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
techniques/cesium/references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
techniques/cesium/scripts/
prep-cesium-path.mjs
techniques/mapbox/
TECHNIQUE.md
techniques/mapbox/references/
render-stability.md
techniques/maplibre/
TECHNIQUE.md
techniques/maplibre/references/
render-stability.md
techniques/maptiler/
TECHNIQUE.md
techniques/maptiler/assets/
CountryLabel.tsx
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
tokens.ts
techniques/maptiler/assets/sample-data/
country-meta.json
yarlung-flow.json
techniques/maptiler/references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
techniques/maptiler/scripts/
prep-geo.mjs

详细介绍

Remotion 地图

根据目标镜头，准确选择一种技术，然后只加载该技术的 TECHNIQUE.md。 每个技术目录都是独立的，移除其中一个不会影响其他目录。

静态地图

  • 需要获取一张卫星图像，并将其放入 <Img> 标签中，然后在其上方添加动画

Mapbox

  • 需要 Mapbox 密钥
  • 默认样式更美观
  • 缩小地图时可显示球形地球
  • 包含精美的 3D 建筑，例如埃菲尔铁塔

MapLibre

  • 无需 API 密钥，完全免费
  • 不包含 3D 建筑

MapTiler

  • 使用 MapTiler
  • 可以在地理要素上方绘制注释：边界、河流、标签

CesiumJS

  • 飞越地形和山脉
  • “飞行模拟器”视角

评论

支持 Markdown