Google Maps Route Generator
The Google Maps Route Generator builds a realistic, clearly-fictional directions screen right in your browser. Set the starting point and destination, pick a travel mode with its own ETA, then tune the duration, distance, traffic sentence and route-via line. The hand-drawn basemap renders Google's pale land, white roads, pastel parks and blue polyline complete with a greyed alternate route and floating ETA pills. Export a crisp story-sized PNG in seconds. Free, no login, and everything is rendered on your device.
13 / 34 characters. Typing "Your location" swaps the node for the blue dot.
20 / 34 characters
Each tab shows its own ETA, exactly like the real app. Walking routes render as a dotted blue line with no alternate.
6 / 14 characters
7 / 12 characters
22 / 34 characters. Maps keeps "via" lowercase; the road name is also drawn on the map.
43 / 60 characters. Sentence case, no full stop. Leave blank to hide the line.
A lone blue line is the biggest giveaway of a faked screenshot.
Neighbourhood, park and water names drawn on the basemap with the usual white halo.
5 / 12 characters. Maps shows "Preview" when you are not on the route yet.
Adds the Steps & more / Pin / Share directions row to the sheet.
Google Maps Route Generator features
Authentic Google basemap
A hand-drawn vector map with pale warm-grey land, white roads on grey casing, a yellow motorway, pastel parks and desaturated water, all with haloed place labels.
Two-pass blue route polyline
The selected route draws as a Google-blue core over a darker casing, snapped to the road grid, with a faded grey alternate underneath so the screen never looks faked.
Travel-mode tabs with real ETAs
Drive, transit, walk and cycle tabs each carry their own time, and walking directions switch the route to the familiar dotted blue pearl string.
Editable ETA sheet
Control the big duration, distance, coloured traffic sentence, via-road line, Start or Preview button label and the optional quick-action chip row.
Light and dark variants
Flip the whole screen to the dark basemap and inverted accent blue exactly the way Google Maps does, then export a high-resolution PNG.
How to make a google maps route mockup
- 1
Set the route
Enter the starting point and destination, or hit Randomize for a ready-made city route.
- 2
Pick a travel mode
Choose drive, transit, walk or cycle and give each tab a believable ETA.
- 3
Tune the sheet
Set the duration, distance, traffic note colour, via road and alternate route details.
- 4
Export your PNG
Preview the screen live and download a high-resolution, story-sized PNG for your deck or post.
What you can use it for
- UI design comps for navigation, delivery and mobility apps
- Story-style graphics showing a trip or meet-up location
- Pitch decks and case studies for logistics or travel products
- Teaching map literacy, wayfinding and how ETAs are estimated
- Props for fictional videos, skits and short-form storytelling
- Marketing visuals for events that need a believable route screen
Frequently asked questions
Is the Google Maps Route Generator free?
Yes. It is completely free to use with no account, subscription or export limits. A Pro option adds watermark-free exports and doubles the resolution.
Is it safe and legal to make a fake Maps screenshot?
Creating clearly fictional navigation mockups is fine for design comps, presentations, education and storytelling. Never use one to fake an alibi, mislead an employer or insurer, impersonate Google, or deceive anyone about where you were.
Can I change the travel mode and ETAs?
Yes. Drive, transit, walk and cycle each have their own editable ETA on the tab strip, and switching modes updates the bottom sheet duration for you.
Does the map show an alternate route?
Yes. A greyed alternate polyline with its own white ETA pill is on by default, because a lone blue line is the biggest giveaway of a faked directions screenshot.
Does it export a high-resolution PNG?
Yes. The full-screen phone frame renders at a high pixel ratio and exports as a crisp 9:16 PNG sized for stories, slides and video overlays.
Does it work on mobile?
Yes. Everything runs in any modern mobile or desktop browser, so you can build and download route mockups straight from your phone.