# How to Make an Animated Travel Map Video for Instagram and TikTok

An animated travel map video is the clip where a small plane or car moves across a map from one stop to the next. It is the standard opening for a travel vlog, the most-shared format for a trip recap, and — once you have the stops in your head — about a minute's work.

This guide walks through the whole thing: what to decide before you open an app, how to build the route, which export size to use for each platform, and where the photos and music go. The worked example uses Trip Animator by Pin Traveler (on the App Store as [Travel & Trip Video Animator](https://apps.apple.com/app/travel-trip-video-animator/id6761826564)), but the decisions are the same in any route animation app.

## Before you open the app: three decisions

### 1. Is this a recap or a preview?

A recap animates a trip you took. A preview animates one you are about to take — the "here's the plan" story on the way to the airport. Same video, different caption. Route animation apps do not care about dates, so both work identically; you are drawing stops, not replaying a GPS log.

### 2. What are the stops?

List them in order. Cities are enough — Lisbon → Porto → Madrid → Barcelona. Add the airport as a stop only if there was a layover worth showing. Fewer stops make a cleaner clip; a ten-city grand tour is fine, a forty-stop bar crawl is a different kind of video.

### 3. How did you get between them?

This is the part people skip and then wonder why the clip looks flat. Each leg has a transport mode — flew in, took the train, drove, took a bus. Writing it next to the stop list takes ten seconds and is what makes the animation look like the trip instead of a line.

`Lisbon ✈ → Porto 🚆 → Madrid 🚆 → Barcelona 🚗 → Girona ✈ → home`

## Step 1: Add the stops

Open Trip Animator and tap each destination on the map in the order you travelled. Every tap adds a stop; there is no cap on how many.

You are tapping the city, not the hotel. The animation is about the journey between destinations, and a route drawn between city centres reads correctly at video scale. If your trip was a road trip with stops in small towns, tap the towns — the car will route through them on real roads.

## Step 2: Set the transport for each leg

For each leg between two stops, choose car, plane, train or bus.

This is where the app does its work. A car leg is routed along the actual road network, so the drive bends where the highway bends. A plane leg switches the view to a globe and the aircraft follows a curved great-circle arc — the path a real flight takes, which looks wrong on a flat map and right on a sphere. A train leg runs on rail between the two. When the mode changes from one leg to the next, the vehicle and the map change with it automatically; you do not cut the video into pieces.

Get this right and the clip is 80 per cent done.

## Step 3: Pick the map style, colour and speed

A few controls: the map style, the colour of the route line, and how fast the animation runs. Match the style to where the clip is going — a darker map reads well under text overlays in a Reel; a lighter one suits a YouTube intro. For speed, err on the fast side: social feeds reward clips that resolve in under ten seconds, and a viewer will re-watch a quick one before they finish a slow one.

## Step 4: Export in the right shape

This is the step that decides whether the video looks native on the platform or looks cropped.

<div class="overflow-x-auto my-6">
<table>
<thead>
<tr>
<th>Platform</th>
<th>Aspect ratio</th>
<th>Trip Animator export</th>
</tr>
</thead>
<tbody>
<tr>
<td>Instagram Reels, Stories</td>
<td>9:16 vertical</td>
<td>Vertical</td>
</tr>
<tr>
<td>TikTok</td>
<td>9:16 vertical</td>
<td>Vertical</td>
</tr>
<tr>
<td>YouTube Shorts</td>
<td>9:16 vertical</td>
<td>Vertical</td>
</tr>
<tr>
<td>Instagram feed post</td>
<td>1:1 square (or 4:5)</td>
<td>Square</td>
</tr>
<tr>
<td>YouTube video intro</td>
<td>16:9 landscape</td>
<td>Landscape</td>
</tr>
<tr>
<td>Family group chat</td>
<td>Anything — vertical plays best on phones</td>
<td>Vertical</td>
</tr>
</tbody>
</table>
</div>

Export once per destination shape rather than cropping a landscape clip later; the map framing is set for each ratio, so the stops stay in frame.

## Step 5: Add photos and music where you post

Trip Animator produces the route clip and stops there — no photo layer, no music. That is a deliberate boundary, and for most people it is the faster workflow, because the photos and sound were going to be added in Instagram, TikTok or CapCut anyway.

- **For a Reel or TikTok:** upload the clip, add the trending sound in the app's own editor, and drop text overlays for the city names if you want them. Done.
- **For a montage:** open CapCut or your editor, put the route clip first as the establishing shot, then cut to the photos and video from the trip. A common structure is route clip → three to five photos → route clip again with the return leg.
- **For a vlog intro:** the landscape export under your title card, with the voiceover starting as the plane takes off.

If you want the photos to appear on the map as the vehicle arrives at each stop, that is a different kind of app — TravelAnimator and Mult.dev do it in-app, at the cost of a longer setup per video. Our [roundup of the best travel map animation apps](https://pintraveler.net/posts/best_travel_map_animation_apps) compares them.

## Three practical tips for better clips

- **Keep it under fifteen seconds for feeds.** Adjust the speed until it does. Longer belongs in a vlog intro, not a Reel.
- **Name the cities in text, not in the map.** Map labels are small at phone size. A text overlay per stop, added in the posting app, is readable.
- **Post the preview version before you leave.** "Here's the plan" gets engagement while you are still packing, and the recap version afterwards is the same route with the photos added.

## If you already use Pin Traveler

The same animation is built into the Pin Traveler travel map app as [Animated Trips](https://pintraveler.net/posts/animated_trips). If your trips are already recorded there, you can animate them in place without re-entering the stops. Trip Animator is the standalone version for people who want the animation without keeping a travel map — same engine, no account, nothing to set up.

## Frequently asked questions

### Do I need GPS tracking to make an animated route video?

No. You tap the stops; the app draws the route between them, along roads for car legs and on a globe for flights. GPS or GPX files only matter if you want the exact line you walked or cycled, which is a different use case.

### Can I make the video before the trip?

Yes. Route animation apps draw from a list of stops, not from a recording, so a preview and a recap are the same process.

### What size should I export for Instagram Reels?

9:16 vertical. Export vertical rather than cropping a landscape clip, so the framing is built for the shape.

### How do I add music?

In the app where you post — Instagram, TikTok and YouTube Shorts all have a sound library — or in CapCut or another editor before uploading. Trip Animator exports the route clip without audio.

### Can I show a flight and a drive in the same video?

Yes. Set the transport mode per leg; the map switches from globe to road view automatically when the leg changes.

### Is Trip Animator available on Android?

Not at the time of writing — it is on iPhone, iPad and Mac. TravelBoast, TravelAnimator and Mult.dev have Android apps.
