Animated Route Maps : Version 3

Animated Route Maps let you easily create and modify a travel route on Google Maps and then view the scenery along the route using animated Street View.

There is a range of options to customize your maps's appearance and functionality.

View the maps in either 2D or 3D mode.

Switch locations by clicking on any point along the route.

Generate new routes directly within the map.

You can embed animated route maps in your web site or blog and easily share links to the maps on social media.

Compatible with desktop and mobile browsers.

Free for commercial and non-commercial use.

View on YouTube

What's New

1. 3D WebGL Maps : Use the menu controls to switch between 2D and 3D views.

2. Use the built-in editor to create and edit routes.

3. Generate shareable links for new routes within the map.

4. New controls : Speed control and progress display.

5. Click business markers to see the business in street view.

6. Support for mobile devices : use portrait mode to display the header menu and use landscape mode to see the map or street view without the menu.

Technical Notes

1. WebGL should be enabled in your browser to display the 3d shapes of buildings when 3D mode is selected. Visit get.webgl.org to check if your browser supports WebGL.

2. Bird's eye imagery is not available for 3D Maps. If you wish to view bird's eye imagery select the 2D Map option (or add the parameter &map2d=1 to your map URL).

3. The language option is currently only applied to the Google map, street view and directions.

Example Maps

Animated Route Maps can be equally useful for visualising very short routes or very long routes.

Here are example of some of the most scenic routes from around the world :

The Great Ocean Road, Australia	Chapman's Peak Drive, South Africa
Amalfi Coast Drive, Italy	Lysebotn Road, Norway
Icefields Parkway, Alberta, Canada	Coastal Road, Iceland
Seward Highway, Alaska, United States	North Yungas Road, Bolivia
Milford Road, New Zealand	Combe Laval, France

Map Settings
Map Title (optional)

Language	(default = English)
Distance Units	(default = Kilometres)
Main Map Type	(Default = Road Map)
Map 2D/3D	(default = 2D and 3D)
Animation Map Zoom Level	(default = 19)
Animation Map Tilt Angle (for 3D maps)	(default = 45)
Street View Zoom Level	(default = 1)
Street View Refresh (ms)	(default = 2000)
Auto-Rotate (for 3D maps)	(default = Yes)

Map Link

Embed Map

Copy and paste the HTML script below into your web page

API Reference

Use the base url https://www.mapchannels.com/routemaps3/map.htm and add parameters to this url to generate your Route Map.

Parameter Name	Parameter Description
route	A sequence of points each comprising a latitude and longitude value separated by commas.
mode	Travel Mode. 0=driving (default), 1=walking, 2=cycling, 3=transit.
tolls	0=avoid 1=include (default)
highways	0=avoid 1=include (default)
ferries	0=avoid 1=include (default)
units	Distance Units. km (default) or miles
language	Language code. en = English (default), fr = French or es = Spanish.
maptype	0 = Road Map (default), 1 = Satellite, 2 = Hybrid, 3 = Terrain.
map2d	0 = Both 2D and 3D maps are available (default), 1 = Only 2D maps are available.
zoom	The map zoom level to use when playing animations in 3D mode. Default = 19.
tilt	The tilt angle to use when playing animations in 3D mode. Default = 45.
streetzoom	The street view zoom level to use when playing animations. Default = 1.
refresh	The refresh interval in milliseconds to use when playing animation. Default = 2000.
rotate	Enable map auto-rotation during animation (applies only to 3D maps). 0 = No, 1 = Yes (default).
title	The map title (optional).

Initial Release 18 March 2023

Animated Route Maps Terms of Use

• The Animated Route Map embeddable control is available to use on both non-commercial and commercial websites.

• Do not obscure any portion of the Animated Route Map embeddable control.

• The code is provided 'as is' with no warranty expressed or implied.

• Use is governed by the Google Maps API terms and conditions.

Animated Route Maps version 2

The previous version of Animated Route Maps (version 2) is available here.

• About • Custom Coding • Links • Blue Sky

• Mashed World • Map Channels Arcade • Map Channels Events • TripGeo