mcpField
R
remotion-maps

remotion-maps

github.com/remotion-dev创意与媒体66101 次安装4 天前更新
代码仓库

关于 remotion-maps

remotion-maps 是用于在 Remotion 场景中选择和应用地图技术的技能,介绍静态图像、Mapbox、MapLibre、MapTiler 和 CesiumJS 等独立方案。

主要功能

  1. 01每个镜头选择一种地图技术
  2. 02使用静态地图图像并叠加动画
  3. 03Mapbox 样式、地球视图和 3D 建筑
  4. 04使用无需 API 密钥的 MapLibre
  5. 05MapTiler 地理标注与 CesiumJS 飞行浏览

适用场景

  1. 01在 Remotion 镜头中添加地图
  2. 02用 Mapbox 创建地球视图
  3. 03用 MapTiler 绘制地理标注
  4. 04用 CesiumJS 制作地形飞行浏览

安装

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

$npx skills add https://github.com/remotion-dev/claude-code-plugin --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
city-path.json
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/
MapTilerVectorElement.ts
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
techniques/static-map/
TECHNIQUE.md

详细介绍

Remotion 地图

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

静态地图

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

Mapbox

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

MapLibre

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

MapTiler

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

CesiumJS

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

评论

支持 Markdown