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. 03APIキー不要の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 Maps

意図するショットに合った手法を1つだけ選び、その手法のTECHNIQUE.mdだけを読み込んでください。 各手法のディレクトリはそれぞれ独立しているため、ほかの手法に影響を与えずに削除できます。

静的マップ

  • 衛星画像を取得して<Img>タグに配置し、その上にアニメーションを重ねる必要があります

Mapbox

  • Mapboxのキーが必要です
  • デフォルトでより洗練されたスタイルを利用できます
  • ズームアウトすると、マップを丸い地球儀として表示できます
  • エッフェル塔などの魅力的な3D建物が含まれます

MapLibre

  • APIキーは不要で、完全無料です
  • 3D建物は含まれていません

MapTiler

  • MapTilerを使用します
  • 地理的な地物（境界、河川、ラベル）の上に注釈を描画できます

CesiumJS

  • 地形や山岳地帯を飛行して巡る映像を作成できます
  • 「フライトシミュレーター」の視点

コメント

Markdown 対応