R

remotion-maps

by @remotion-devv
4.8(120)

このスキルはRemotionでの地図アニメーションを効率的に作成し、Mapbox、MapLibre、MapTiler、CesiumJSなどの様々な地図サービスや静止衛星画像をサポートします。データ可視化や旅行動画、地理空間ストーリーテリングに最適で、開発時間を大幅に短縮します。

remotionmap-animationvideo-productiongeospatialdata-visualizationGitHub
インストール方法
npx skills add https://github.com/remotion-dev/skills --skill remotion-maps
compare_arrows

Before / After 効果比較

1 组
使用前

このスキルがない場合、ユーザーは手動で地図アニメーションコードを書き、地図サービスをゼロから統合し、スタイルやアニメーションパラメータを調整する必要があり、通常数時間かかっていました。

使用後

このスキルは既製の技術とベストプラクティスを提供します。適切な技術を選び、データを読み込むだけで、高品質な地図アニメーションを迅速に作成できます。

SKILL.md

Remotion Maps

Choose exactly one technique from the intended shot, then load only that technique's TECHNIQUE.md. Every technique directory is self-contained and may be removed without breaking the others.

Static map

  • Requires you grab a satellite image and mount it in a <Img> tag, and animate on top

Mapbox

  • Requires a Mapbox key
  • Nicer styles by default
  • Map can display a round globe when zoomed out
  • Includes nice 3D buildings such as the Eiffel tower

MapLibre

  • Requires no API key, fully free
  • Does not include 3D building

MapTiler

  • Uses MapTiler
  • Annotations can be drawn on top of geographic features: borders, rivers, labels

CesiumJS

  • Flythroughs through terrain and mountains
  • "Flight simulator" perspective

ユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数166.7K
評価4.8 / 5.0
バージョン
更新日2026年10月23日
比較事例1 件

ユーザー評価

4.8(120)
5
37%
4
43%
3
13%
2
5%
1
2%

この Skill を評価

0.0

対応プラットフォーム

🤖claude-code

タイムライン

作成2026年7月26日
最終更新2026年10月23日
🎁 Agent 知識カード
アンケート