mcpField
R
remotion-maps

remotion-maps

github.com/remotion-dev创意与媒体68.9k76 次安装今天更新
代码仓库

关于 remotion-maps

这是一个 Remotion Maps 技能,指导为镜头选择一种地图方案。涵盖静态图像、Mapbox、MapLibre、MapTiler 和 CesiumJS,各方案的要求与视觉能力不同。

主要功能

  1. 01静态地图图像
  2. 02Mapbox 地图与地球视图
  3. 03无需 API 密钥的 MapLibre
  4. 04MapTiler 地理标注
  5. 05CesiumJS 地形飞行效果

适用场景

  1. 01为镜头选择地图方案
  2. 02制作地形与山脉飞行效果
  3. 03叠加地理标注

安装

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

$npx skills add https://github.com/remotion-dev/remotion --skill remotion-maps

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

包含的文件

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

agents/
openai.yaml
techniques/cesium/
TECHNIQUE.md
techniques/cesium/assets/
city-path.json
example-Root.tsx
flight-path.ts
CesiumFlythrough.tsx
sample-river.geojson
cesium-path.json
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
MapTilerVectorElement.ts
RiverReveal.tsx
example-Root.tsx
tokens.ts
techniques/maptiler/assets/sample-data/
yarlung-flow.json
country-meta.json
techniques/maptiler/references/
map-data-sources.md
render-stability.md
map-geo-prep.md
map-explainer-architecture.md
techniques/maptiler/scripts/
prep-geo.mjs
techniques/static-map/
TECHNIQUE.md

详细介绍

Remotion 地图

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

静态地图

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

Mapbox

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

MapLibre

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

MapTiler

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

CesiumJS

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

评论

支持 Markdown