使い方ガイドへスキップ
Remotion Maps作者 remotion-dev

Remotion Maps スキル。

プロバイダーとそのセットアップを決める前に、ショットに合う地図の手法を選びます。

  • 動画
  • 地図
ソースレビュー · Remotion MapsSKILL.md
タスク 動画 成果物 • 選択した地図アニメーション手法 • 手法ガイドに沿って実装した地図ショット • 地理的なブリーフに合わせた注釈またはカメラ移動 始める前に Remotionに加え、選択した手法のライブラリとデータが必要です。取得したソースによると、Mapboxにはキーが必要です。
編集部による要約 · ソース確認日 2026-10-07 · 生成された例ではありません

01 機能概要

Remotion Maps:地理的なショットを選ぶ

固定画像や注釈から地形フライスルーまで、Remotionにある5つの地図アニメーション手法のガイドです。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Remotion Mapsは手法を選ぶためのスキルです。短いエントリーファイルで、画像ベースの地図、Mapbox、MapLibre、MapTiler、CesiumJSを区別し、タスクを自己完結した手法ガイドのいずれかに振り分けます。

重要なのはショット自体をどうするかです。オーバーレイ付きの固定地図と、地球儀表示や山岳地形を飛ぶショットでは、必要な構成が異なります。ソースでは、MapboxとMapLibreの説明された手順でAPIキーの扱いも異なります。ただし、各プロバイダーの現在の料金、タイルのライセンス、本番環境での制限までは確認できません。

想定される成果物

  • 選択した地図アニメーション手法
  • 手法ガイドに沿って実装した地図ショット
  • 地理的なブリーフに合わせた注釈またはカメラ移動
ブリーフ例を見る

ブリーフからレビューまで

  1. 01
    ショットを説明する

    動画に必要なのが、オーバーレイ付きの静止地図、スタイル付きの地図ビュー、地理的な注釈、地形フライスルーのどれかを指定します。

  2. 02
    プロバイダーを確認する

    選んだ手法に従う前に、必要なキー、利用できる画像、利用条件を確認します。

  3. 03
    ガイドを1つ読み込む

    理由なく複数の地図スタックを組み合わせず、対応するTECHNIQUE.mdを使います。

02 利用場面

使う場面

Remotionに加え、選択した手法のライブラリとデータが必要です。取得したソースによると、Mapboxにはキーが必要です。

向いているケース

  • 地理の解説動画実際に何を動かす必要があるかに応じて、固定の衛星画像か地図プロバイダーかを選びます。
  • 地形のフライオーバーエントリーでは、地形や山岳のフライスルーはCesiumJSに誘導されています。

確認すべき制限

  • 補助ガイドが必要実装の詳細は各手法のディレクトリにあり、タスクの実施にはそれらが必要です。
  • プロバイダーの条件は別途確認が必要キー不要の手順であっても、すべての地図タイル提供元、帰属表示のルール、ホスティング費用について保証されるわけではありません。

用意する情報

  • 場所説明したい座標、地域、ルート、地理的特徴を指定します。
  • カメラの意図ストーリーに必要なズーム、視点、動きを記述します。
  • プロバイダーの制約利用可能な地図サービス、キー、ライセンス済み画像、帰属表示の要件を明確にします。

03 重要な判断

重要な判断

  1. スタックより先にショット

    意図する地理的ビューが選定基準となり、不必要に複雑な地図実装を避けられます。

  2. 独立した手法

    ソースでは、すべてのプロバイダーを同時に要求せず、各手法のディレクトリを自己完結させています。

04 依頼例

絞ったブリーフを試す

以下のブリーフ例はテストされていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

選んだ自己完結型の手法ディレクトリをTECHNIQUE.mdとともに保持してください。エントリーだけでは地図は実装されません。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-maps/SKILL.md

Remotionに加え、選択した手法のライブラリとデータが必要です。取得したソースによると、Mapboxにはキーが必要です。

まず1つの成果物から始める

スキルを実行する前に、このブリーフの範囲、素材、制約を調整してください。

ブリーフ例
Remotion Mapsを使い、提供された座標から短い地域ルート解説を計画してください。静的地図のオーバーレイと、ドキュメントにあるキー不要のMapLibre手順を比較し、必要なカメラ移動に基づいて1つ選び、その手法ガイドのみに従ってください。実装前に、画像と帰属表示の依存関係を明記してください。

結果を確認する

実際の出力を、以下の確認可能な基準と照らして確認します。

  • 依頼された地理的な動きに合う手法が1つ選ばれている。
  • 必要なプロバイダーへのアクセスと素材の条件が明記されている。
  • 場所と注釈を入力内容と照合できる。

OpenDesignは、コーディングエージェント向けのローカルデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下にリンクされた固定のソースリビジョンについて説明しています。アップストリームの動作や要件は変更される場合があります。

ソースの所有者
remotion-dev
リポジトリ
remotion-dev/skills
スキルファイル
skills/remotion-maps/SKILL.md
ライセンス
未確認 — 再利用の前にアップストリームの条件を確認してください。
確認したスナップショット
2026-10-07 · 32b241b97f4e
編集部によるソース要約
固定画像や注釈から地形フライスルーまで、Remotionにある5つの地図アニメーション手法のガイドです。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付付きの人気の指標であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

始める前の質問

すべての手順にMapboxキーが必要ですか?

いいえ。ソースではMapboxにはキーが必要ですが、説明されているMapLibreの手法には不要です。

山岳地形に対応する手法はどれですか?

エントリーでは、地形フライスルーやフライトシミュレーター風の視点はCesiumJSに誘導されています。

地図画像の上でアニメーションできますか?

はい。静的地図のルートでは、衛星画像を配置し、その上でオーバーレイをアニメーションさせます。

OpenDesign

次のデザイン案の余地をつくりましょう。

ブリーフ、ソース素材、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-maps/SKILL.md