mcpField
R
remotion-maps

remotion-maps

github.com/remotion-dev创意与媒体5.8k200.2k 次安装2 天前更新
代码仓库

关于 remotion-maps

用于为 Remotion 镜头选择和应用地图技术的技能，涵盖静态地图、Mapbox、MapLibre、MapTiler 和 CesiumJS，各自有不同要求与能力。

主要功能

  1. 01每个镜头选择一种地图技术
  2. 02使用卫星图像制作静态地图
  3. 03Mapbox 样式与地球视图
  4. 04MapLibre 无需 API 密钥
  5. 05MapTiler 地理要素标注
  6. 06CesiumJS 地形飞行镜头

适用场景

  1. 01在镜头中加入静态地图
  2. 02制作 Mapbox 或 MapLibre 地图动画
  3. 03使用 MapTiler 标注地理要素
  4. 04使用 CesiumJS 制作地形飞行镜头

安装

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

$npx skills add https://github.com/remotion-dev/skills --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