Back to blog
Map Animation and Route VideosStep-by-step · 5 steps

How to Animate a Map in Canva: A Tested Moving-Marker Example

Animate a circle over a still map in Canva. Follow tested settings, dated screenshots and a verified five-second 1080p MP4, with export and account limits.

7 min read
Flat map storyboard with a moving marker and destination photo

Animate a marker over a still map

In Canva, select a marker, open Animate, choose Create an Animation, and drag the marker along the movement you want. Keep the background map still. This creates a moving object over an illustration; it does not calculate a road, import a recorded journey or leave a growing route line behind it.

The worked example below was built in Canva’s desktop web video editor on 24 October 2026. It is one five-second landscape page with a world-map graphic, a blue circle, a title and a credit. The motion crosses the North Atlantic toward northern Europe. Its endpoints are schematic, with no claim to represent particular cities.

Actual Canva MP4, verified 25 October 2026: five seconds, 1920 × 1080, 30 fps, silent. The circle moves for about three seconds, then holds near northern Europe. Map graphic: © Clker-Free-Vector-Images via Canva.com. The movement is schematic.

The saved Canva export was independently decoded and played on 25 October 2026. The map, title and source credit stay still while the blue circle moves. Open the finished MP4 at full size. This is the unchanged native export; the editor and preview screenshots below show how it was made.

Step 1 of 5

Start with one landscape video page

  1. Open Canva’s video editor and create a blank landscape video.
  2. Keep one page for the first test. The example uses a 1920 × 1080 composition and a five-second page duration.
  3. Name the project before building the scene so you can find the editable version later.

A five-second page is a small test of the motion control, not a suggested length for an entire travel story. The marker can reach its endpoint before the page ends. Page length and movement speed are separate controls; preview both before choosing the pacing.

Step 2 of 5

Choose a map and arrange the still scene

In Elements, search for “world map outline”. The example uses Outline of the World Map by Clker-Free-Vector-Images, listed from Pixabay. Its details panel marked it Free during the test. Open the details for the asset you select; a similar search result may have different terms or require a paid plan.

Canva’s content licence distinguishes content categories and source terms. Keep the source information with your project and check the permitted use for the actual item. Map credit for this example: © Clker-Free-Vector-Images via Canva.com. The graphic stays within the composed movie and screenshots; no standalone map file is supplied here.

2. Choose a map and arrange the still scene
ElementSize and placement in the exampleAppearance
MapWidth 1300 px; height 838.5 px; centred horizontally and verticallyBlack outline on white
Circle marker60 × 60 px; X 620 px; Y 350 pxCobalt blue; colour field #004aad
TitleCentred; Y 24 pxCanva Sans, size 56; “Illustrative map motion”
CreditWidth 1600 px; centred; Y 990 pxCanva Sans, size 24; source credit and “Schematic movement”

Select the map, open Position and enter its width while preserving the map’s proportions. Use Center and Middle to place it. Add the circle from Shapes as a separate element, then enter its dimensions and X/Y position in Position. These numbers reproduce this composition; they are design coordinates, not longitude and latitude.

Canva Position panel showing the circle at width 60, height 60, X 620 and Y 350 pixels beside the composed world map
The marker’s actual Position panel on 24 October 2026. The circle remains separate from the background map. Map graphic: © Clker-Free-Vector-Images via Canva.com.

Open the marker-position screenshot at full size to read the fields on a small screen.

The title and footer identify the example without implying geographic precision. A map for a specific real journey needs a suitable scale and checked locations. Do not use this broad illustration to tell someone where to turn or to identify an exact private address.

Step 3 of 5

Record the circle’s movement

  1. Select the circle, not the map. If the canvas is difficult to select, select the circle’s layer in the timeline.
  2. Open Animate, then Create an Animation.
  3. Drag from the circle’s centre across the map toward the intended endpoint. Release to finish recording the movement.
  4. For this example, keep Movement Styles on Original. Leave Orient element to path off and leave the Rotate, Flicker, Pulse and Wiggle effects off.
  5. Use the Speed slider to make the move readable. In the captured example its thumb sits about two-fifths along the track.
  6. Choose Done, then play the preview.
Canva Create an Animation panel showing Original movement style, orientation off, speed slider and all four add-on effects off, beside the selected marker and dashed editing path
Actual custom-animation controls. The purple dashed path is an editing aid; it is not a growing route line in the preview. Map graphic: © Clker-Free-Vector-Images via Canva.com.

Open the animation-controls screenshot at full size.

These controls were exercised in the example. Canva’s official animation instructions also describe selecting an element, creating a custom movement and saving it with Done. Available animation styles depend on the selected object and account. Follow the controls shown in your editor if their arrangement changes.

A circle does not need to rotate to face its path. For this simple version, additional pulse or wiggle effects make its position harder to judge. Watch for an accidental bend caused by an uneven drag, then simplify the movement before adding more destinations.

Step 4 of 5

Check the preview before exporting

Play from zero and watch the whole five-second page. Confirm that the circle starts where intended, moves in the expected direction and stops where the viewer has room to recognise the arrival. Pause near the end to check the title and credit. The still map should remain in place throughout.

Actual Canva preview paused at about four seconds, showing a blue circle near northern Europe over a still outline world map
Actual Canva editor preview on 24 October 2026. The finished native MP4 is supplied above. Map graphic: © Clker-Free-Vector-Images via Canva.com.

The example contains no music, narration, photographs or uploaded files. Its meaning is visible with sound off. If you extend it with personal photos or spoken stories, get the relevant permissions, reserve time for reading and listening, and test those additions separately.

A static connecting line can be another design element, but custom object motion does not automatically reveal that line. A progressively drawn stroke, automatic road routing and a location-aware camera are different jobs. Select a workflow that demonstrates the specific result you need instead of assuming the moving-marker control does them all.

Step 5 of 5

Use the default MP4 quality before choosing an upgrade

Open Share → Download and choose MP4 Video. In this test, the default was 1920 × 1080 px and the action read Download. Selecting 720p changed the action to Download with Canva Business; returning to the default restored Download. No trial or purchase was started.

Actual Canva Download panel with MP4 Video, default 1920 by 1080 quality and an ordinary Download button
The default MP4 export setting in the tested account, checked 24 October 2026.

Open the export-settings screenshot at full size.

This behaviour is consistent with Canva’s video download help, which explains that changing the default MP4 resolution can require an upgrade even when selecting a lower resolution. The account’s plan tier was not independently established in this test. Check the action and any asset restrictions in your own design rather than treating these observations as a guarantee for every account.

After downloading, open the saved file outside Canva and play it from start to finish. Confirm its dimensions, duration, marker movement, final frame and any audio. A completed export notification and a good editor preview are useful checks, but they do not establish that the saved file plays correctly.

Finish line

Route complete: 5 steps

Need to check something again? Jump straight back to any stop.

  1. 1Start with one landscape video page
  2. 2Choose a map and arrange the still scene
  3. 3Record the circle’s movement
  4. 4Check the preview before exporting
  5. 5Use the default MP4 quality before choosing an upgrade

Extend the example only when the story needs it

For a personal travel video, put a destination photograph after the marker arrives and give it one sentence of context. A longer itinerary can use several short map scenes instead of placing every movement and photograph on the same page. Keep the same marker and label style between scenes.

Helpful answers

Frequently asked questions

Can Canva create a moving marker on a map?

Yes. This example uses a separate circle shape, Animate → Create an Animation and a manually dragged movement over a static map. The editor preview was tested on 24 October 2026, and the actual five-second MP4 was verified on 25 October.

Does the custom animation draw a visible route line?

The tested custom animation moves the circle. Its purple dashed editing path does not become a growing line in the preview. A static connector or progressively revealed stroke needs a separate treatment.

Why does a lower MP4 resolution ask me to upgrade?

Canva’s current help says changing the default MP4 quality can require an upgrade, including when selecting a lower resolution. In this test, 720p showed Download with Canva Business while the default 1080p option showed Download.

Is a verified finished MP4 supplied for this example?

Yes. The actual Canva export is embedded above and can be opened at full size. It contains 150 frames at 1920 × 1080 and 30 fps, with no audio. Its five-second playback, moving marker and closing hold were checked on 25 October 2026.