106.9K+Download
Skip to the usage guide
Map Animationby iart-ai

Map Animation Skill.

Animate geographic routes, camera moves and labels from coordinated map data.

  • Maps
  • Routes
Download OpenDesignView Usage Guide
Source Review · map-animationSKILL.md
Task Animate geographic routes, camera moves and labels from coordinated map data. Produces A geographic sequence in a Remotion project or Earth Studio/AE workflow. Before You Start Prepare the real coordinates, route order and exact labels. Supply vector map data or the intended Earth Studio footage and tracking export, with permission to use the chosen map source.
Editorial summary · source reviewed 2026-11-02 · not a generated example

01 What It Does

Animate geographic routes, camera moves and labels from coordinated map data

Create vector or satellite-based map sequences with anchored pins, route reveals, regional highlights and verified geographic labels.

Source-based workflowNot an execution benchmark

The Working Approach

map-animation builds geographic sequences with camera movement, pins, routes, highlighted regions and labels. It provides two routes: satellite-style camera footage from Google Earth Studio with After Effects compositing, or code-rendered vector maps from GeoJSON and a shared geographic projection.

For vector work, an ordered coordinates array controls camera targets and overlays together. The source also describes a stepped graphic-overlay cadence above a smooth base. That stylistic treatment must be checked at the chosen frame rate so intentional stepping is not confused with dropped frames.

Expected Deliverables

  • A geographic sequence in a Remotion project or Earth Studio/AE workflow.
  • A reusable coordinates-and-beats data structure.
  • Rendered map footage with checked locations, routes and labels.
See the Example Brief

From Brief to Review

  1. 01
    Choose the map source

    Use the satellite route for terrain and buildings or the vector route for data-driven editorial graphics. Establish the projection and delivery format.

  2. 02
    Bind overlays to geography

    Project pins and route points through the same coordinate system, or attach overlays to the exported camera tracking. Keep labels legible as the view moves.

  3. 03
    Verify geographic and temporal accuracy

    Inspect a known location, each route endpoint and the highlighted feature. Compare adjacent frames if a stepped overlay cadence is used, then encode the full sequence.

02 When to Use It

When to Use It

Prepare the real coordinates, route order and exact labels. Supply vector map data or the intended Earth Studio footage and tracking export, with permission to use the chosen map source.

A Good Fit

  • A story moves between placesOne data array can keep locations, route order and camera targets coordinated.
  • Map labels must survive a camera moveThe source explicitly checks anchoring, horizontal labels and safe-area placement.

Limits to Check

  • Source maps need separate considerationMap access, attribution and usage terms must be checked for the chosen dataset or imagery provider.
  • Cadence depends on frame rateThe simple two-frame hold example corresponds to a 24 fps master. Other output rates need correct sampling rather than blind reuse.

Bring These Inputs

  • Locations and routesSupply real coordinates, ordered stops and the exact region names to highlight.
  • Map dataProvide GeoJSON/SVG or the intended Earth Studio footage and tracking export.
  • Narrative timingSpecify holds, camera intent, labels and any overlay stepping preference.

03 Decisions That Matter

Decisions That Matter

  1. Shared geographic coordinates

    Pins and routes stay connected to the same projected places.

  2. Repeatable sequencing

    Changing the ordered data can produce another sequence without manually retiming every overlay.

  3. Focused map reading

    Region emphasis and delayed labels direct attention to the current geographic beat.

04 Try a Focused Brief

Try a Focused Brief

The example brief below has not been tested. Check the skill’s setup before using it.

Review the Source and Setup

Supply real coordinates, ordered stops and the exact region names to highlight.

Upstream Source File
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md

The reference below opens the upstream instructions. Review the repository setup before using them; it is not an installation command.

Start With One Deliverable

Adapt the scope, source material and constraints in this brief before running the skill.

Example Brief
Use map-animation to make a 12-second vector map explaining a route through the three cities in my coordinates file. Use the supplied GeoJSON, preserve the exact labels, and keep the route endpoints anchored during each zoom. Show one city at a time, reveal the connecting line, then hold the complete route. Render at 24 fps; if you use a stepped graphic-overlay style, keep the base camera smooth and verify adjacent frames. Inspect a known coordinate and every route endpoint before exporting. Deliver the MP4, source project and reusable beats data.

Inspect the Result

Check the actual output against these observable criteria.

  • Spot-check a known coordinate and every route endpoint.
  • Verify labels remain horizontal, readable and within the frame.
  • Check adjacent frames for the requested overlay cadence and smooth base movement.

OpenDesign provides a local design workspace for coding agents. This listing does not mean the skill is bundled or that its external tools, credentials and software dependencies are included.

Download OpenDesignRead the Quickstart

05 Source and License

Source and License

This page describes the pinned source revision linked below. Upstream behavior and requirements can change.

Source Owner
iart-ai
Repository
iart-ai/map-animation-skills
Skill File
SKILL.md
License
MIT
Reviewed Snapshot
2026-11-02 · 390ca98bbcf2
Editorial Source Summary
Animate geographic routes, camera moves and labels from coordinated map data.

Original summary by OpenDesign, based on the linked source. Repository stars are a dated popularity signal, not skill usage or a quality score.

06 Questions Before You Start

Questions Before You Start

Does it require Google Earth Studio?

No. The source offers a separate GeoJSON/SVG route for clean vector maps rendered through code.

How do pins stay fixed during zooms?

The vector route uses the same projection and camera transform for geography and overlays. The satellite route uses exported camera and tracking data.

Should the entire video run with a stepped cadence?

The source applies the stylized stepping to graphics while keeping base footage and camera movement smooth. The result needs frame-level verification.

OpenDesign

Keep Your Brief and Design Work Together.

Keep your brief, source material and design work together in a local workspace. Check the skill’s own setup before adding it to your workflow.

Download OpenDesignBrowse Design Skills
Upstream Source File
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md