RouteDoodle is a free app that turns your bike ride or run into art! You draw a picture by moving around in the real world, using your GPS to trace your path.



Drag & Drop a Picture onto the map
RouteDoodle traces your picture to create a Wireframe; adjust it to your liking
Get a Route that you can bike or run!

GPS Art

GPS Art is an art form where you draw a picture by recording your athletic activity in the real world — usually biking or running. It's also called Strava Art or drawing with your feet. Your picture has to be made of a single unbroken line.

There are three kinds:

Road-map GPS art is where you follow the road network. You only draw lines by biking/running on roads (or occasionally off-road). This is the most constrained form. It's a fun challenge to design artwork that looks good.
Pause-plot GPS art is where you rely heavily on the pause-unpause technique to draw a connect-the-dots picture. You draw a series of line segments by traveling to each point and momentarily unpausing and re-pausing.
Free-form GPS art is where you run in open terrain, such as a grassy field or a desert (or even swim in a lake). This gives you a blank canvas for unconstrained art.

The most common kind is road-map GPS art, either without any pause-unpause, or only sparing pause-unpause.

Links

Picture Layer

To get started, use Picture Search to find a simple picture. For each search result, Picture Search shows a blue line of the traced wireframe. When you click on a picture, RouteDoodle will load it as a Wireframe on the map and build a Route.

Tips

  • Simple pictures: Simple black & white silhouette pictures work well for tracing. RouteDoodle will default to searching for such pictures, but you can modify the color & style search options.
  • Drag or Paste: You can drag & drop pictures from another browser window, or save it to your computer desktop and drag & drop it from there. You can also paste a picture URL directly into the RouteDoodle map view.
  • Tracing: If you use a raster image (such as PNG/JPEG), RouteDoodle automatically traces the outline of your picture. If you use a vector image (SVG), RouteDoodle uses the actual paths in the image, including interior lines. If there are multiple pictures in the file, RouteDoodle picks the largest one.
  • Size: Zoom out and make the picture large enough; otherwise there's no room for details. Watch the route length as you resize the picture to get one you're comfortable doing.
  • Keyboard:Press S or ' for Picture Search. Press Q to toggle showing or hiding the Picture Layer.

Wireframe Layer

The Wireframe map layer shows a blue line, made of control points and lines connecting them. It's like a connect-the-dots picture.

You can create a wireframe either by dragging a Picture from another window, or by drawing with the Pencil tool.

You can edit the Wireframe by drawing with the Pencil tool, by moving/resizing/rotating the entire doodle, or by fine-tuning individual control points.

Watch as RouteDoodle automatically updates the Route! The quick feedback helps you find a good location for your picture.

Tips

  • To move the wireframe, Right-Drag or Alt/Option+Drag the interior of the wireframe/route.
  • To resize the wireframe, drag the resize handle on one of the four corners.
  • To flip (mirror) the wireframe horizontally or vertically, resize it below zero size.
  • To rotate the wireframe, drag the rotation handle at the top.
  • To fine-tune an individual control point, drag either the solid blue control point on the Wireframe, or the corresponding red control point on the Route.
  • To add a control point, drag one of the hollow markers between solid blue control points.
  • To delete a control point, click on the point and press Backspace or click the Delete button.
  • To select multiple points, you can: shift-click to select a range of control points; control-click to multi-select individual points; or shift-drag on the map to draw a lasso around multiple points
  • To drag multiple control points, select them, then drag the yellow border.
  • To reverse a range of control points, select them, then click the Reverse button.
  • The wireframe can be a loop or not. To toggle this, click the Toggle Loop button.
  • Press W to toggle showing or hiding the Wireframe Layer.
  • Press P to toggle the Pencil tool.
  • Press ControlZ to Undo and ControlY to redo.

Route Layer

The Route map layer shows a red line that you'll follow when biking or running. This is also what you'll see in your GPS trace and the picture that your Strava followers would see. RouteDoodle creates the Route automatically from the Wireframe.

For each control point in the Wireframe, RouteDoodle creates a waypoint in the Route, and routes between them.

Once you're satisfied with your Route, download it onto your GPS navigation device and head out!

Routing modes

RouteDoodle supports three routing modes:

Bicycle ModeRouteDoodle will create routes suitable for cycling.
Pedestrian ModeRouteDoodle creates routes suitable for running.
Bird ModeRouteDoodle assumes you will make your way to the next point somehow.

Tips

  • Dragging a Route waypoint is the same as dragging a Wireframe control point.
  • To see directions (aka cuesheet), click the button or press C, or Download a CSV cuesheet file or TCX route file with directions.
  • Press E to toggle showing or hiding the Route Layer.
  • To change the routing mode for new segments (from drawing with pencil or auto-tracing a picture), click the buttons.
  • To change the routing mode for selected segments, use shift-drag to lasso select points, then click the buttons.
  • To change the routing mode for all segments, press ControlA to select all, then click the buttons.
  • If RouteDoodle there is no route between two points, that segment will automatically be routed as if set to Bird Mode.
  • RouteDoodle's routing engine is specialized for making GPS art.

Roads Layer

The Roads map layer shows a green line for every road that's traversable on bike or on foot.

One way to make GPS art is to stare at a map and looking for pictures that pop out (pareidolia). However, conventional maps made for driving and cycling aren't the best for this. Driving maps highlight freeways and hide small roads. Cycling maps highlight bike lanes only. These maps don't fully match the set of roads you can use for GPS art.

RouteDoodle's Roads layer is made specially for GPS art. Unlike a driving map or cycling map, it shows every usable road, whether it's a cycleway or driveway, and it hides freeways. If you zoom out, the Roads layer doesn't hide small roads, since they are just as important as the big roads. You can combine the Roads layer with a conventional map base layer, or use the Blank layers for zero distractions. You can also print out the Roads layer for sketching on paper.

Routing Engine

Conventional routing apps try to get you to your destination quickly and conveniently. By contrast, RouteDoodle's goal is to help you create a route that matches your picture. RouteDoodle is willing to route through any traversable path, even if that means going through parking lots and bridle paths.

RouteDoodle's routing engine prefers some roads over others based on several criteria:

  • Access: Inaccessible roads are disallowed. Roads marked access=no in OpenStreetMap are disallowed, while roads marked access=private are avoided, but allowed if necessary.
  • Smoothness: Gravel and other roads that are not smooth pavement are allowed with a penalty.
  • Dismount: Footpaths meant for pedestrians are allowed, but penalized since you might have to dismount. Stairs are allowed with a penalty.
  • Danger: Bike paths without cars are favored. Roads with car traffic are allowed with a penalty, based on danger level. Freeways are disallowed.
  • Salmon: In Bicycle routing mode, going against the flow of traffic is avoided, but allowed if necessary. The safest way to travel these paths is to walk your bicycle on the sidewalk.

If you click on a road segment in the Roads view, it will show a breakdown of how the routing preference was computed, based on OpenStreetMap tags.

Downloading

Once you're done designing your route doodle, get ready to use it!

  1. Click the button or press D to download a TCX or GPX file from RouteDoodle to your computer. The TCX format has the best support for turn-by-turn directions (cues).
  2. Optional: Load the route file into your regular routing app to fine-tune the route.
  3. Load the route onto your bike computer, smart watch, or phone navigation app.

Sharing & Bookmarking

To share a route with others or save it for future use, you can use a permalink. A permalink includes the entire wireframe in the URL. Press M to get the permalink.

Saving

Saving to the cloud is not yet implemented. For now, use the Permalink feature and bookmark the link, or download a GPX/TCX wireframe. You can load your bookmarked wireframe URL in your browser or drag/paste it into the RouteDoodle map. You can load a saved GPX/TCX file by dragging it into the RouteDoodle map.

How to load onto your navigation app

Cadence
  1. Download a GPX Track (not a GPX Route!) file from RouteDoodle
  2. Transfer the GPX file to your phone (iCloud, Google Drive, email, etc)
  3. Open the Cadence app on your phone
  4. Tap Settings
  5. Tap Routes & Navigation
  6. Tap Add Route +
  7. Tap Import GPX
  8. Tap Select GPX File
  9. Note: If it says the GPX file is incompatible, go back to step 1 and make sure you downloaded a GPX Track, not a GPX Route
Garmin Connect
  1. Download a TCX file from RouteDoodle
  2. Log in to your Garmin Connect account
  3. Click Training & Planning
  4. Click Courses
  5. Click Import
Hammerhead (Karoo) Dashboard
  1. Download a TCX file from RouteDoodle
  2. Log in to your Hammerhead Dashboard account
  3. Click Routes
  4. Click Add
  5. Click Import Route
Komoot
  1. Download a TCX file from RouteDoodle
  2. Log in to your Komoot account
  3. Click +
  4. Click Import a GPS File
Organic Maps

iPhone

  1. Download a GPX Route file from RouteDoodle
  2. Transfer the GPX file to your phone (iCloud, email, etc)
  3. Open the Files app
  4. Long-press the GPX file
  5. Tap Share
  6. Tap More
  7. Tap Organic Maps

Android

  1. Download a GPX Route file from RouteDoodle
  2. Transfer the GPX file to your phone (Google Drive, email, etc)
  3. Open your file explorer
  4. Long-press the GPX file
  5. Tap Organic Maps

For more information, see the Organic Maps homepage.

RideWithGPS
  1. Download a TCX file from RouteDoodle
  2. Log in to your RideWithGPS account
  3. Click Route Planner
  4. Click Import Existing
  5. Click Upload File
Strava
  1. Download a GPX Route file from RouteDoodle
  2. Log in to your Strava account
  3. Click +
  4. Click Create a route
  5. Click ↑ (mouseover says "Upload GPX")
  6. Click Import GPX

Safety

You are responsible for your own safety. Use your judgment and don't go anywhere you shouldn't! You should only bike on roads with cars if you're an experienced cyclist. Pay more attention to the road than to your navigation device. If you need to look at a screen to check your progress, it's safest to get off the road first. A good way to avoid needing to look at a screen is to use bone-conduction headphones and a phone app or GPS device that can read turn-by-turn directions out loud.

RouteDoodle's routing engine prioritizes making the route look good and is willing to use paths that were not designed for bikes. You should adjust it manually to make it safe and enjoyable while at the same time making a beautiful picture. Use satellite view and scouting in person to figure out whether it's safe to traverse a given route.

In biking mode, RouteDoodle avoids — but does not completely prevent — routing the wrong way on a one-way road. For example, if the only way to travel between two route points is to go against traffic, then RouteDoodle will create such a route. In that case, the navigation directions will say "salmon". You should adjust the route to avoid salmoning; or, if you don't, then you should follow such a route in a safe manner. The safest way is to dismount and walk your bicycle on the sidewalk.

Sometimes there's no safe and beautiful route. Or, sometimes the map makes it look like there will be a good path between two points, but when you get there, a route segment turns out impossible or unsafe. If that happens, you can always use the pause-unpause technique to safely draw a straight line. Don't risk your life to make art.

Pause-Unpause Technique

Sometimes you have a great idea for a picture that almost works, if only you could draw a couple lines where there aren't actually roads.

To draw those lines, you can use the pause-unpause technique. While you're riding or running, simply pause your GPS recording, detour to the next point, then unpause. The recorded GPS trace will then connect a straight line, as if you were a crow that flew directly between those points.

RouteDoodle lets you design routes with pause-unpause segments. You can enable bird mode by selecting the segment(s), then clicking the bird icon in the toolbar. Bird mode segments are shown with a dashed line.

Tips

  • For your first time, try a heart shape. These are simple.
  • Drag your image around the map to find a place where you get a decent route. Then, fine tune by dragging individual control points.
  • You can make impressive GPS art out of animal pictures. It's easier if you first find a good spot for the head, then adjust the rest of the body to fit the road network.
  • Experiment to find which neighborhoods near your home are better for GPS art. Rivers make it hard because you can only cross at bridges. Train tracks are also bad, since they can similarly only be crossed at limited places. However, train tracks tend to not be as visually obvious as rivers on the map.
  • If there is a pesky short impassable segment, you can use the pause-unpause technique. You can also set the start point at that spot.
  • You can go over grass with your bike, or even hike through a forested area. RouteDoodle won't make such routes, but you can adjust your route manually using bird mode.

Keyboard Shortcuts

Move mapShift Move map x3
+ -Zoom mapShift+ -Zoom map x3
 
QShow/hide PictureShiftQShow only Picture
WShow/hide WireframeShiftWShow only Wireframe
EShow/hide RouteShiftEShow only Route
RShow/hide Roads
AShow/hide Picture, Wireframe, RouteShiftAShow Picture, Wireframe, Route, and center map
0Hide/show Picture, Wireframe, RouteShift0Hide Picture, Wireframe, Route
CShow/hide Directions (Cuesheet)ShiftLShow me where I am
VShow/hide Elevation Chart
1234Change basemap
 
PPencil tool
BackspaceDelete selectedControlASelect all
Z or ControlZUndoY or ControlYRedo
 
HShow/hide helpH,KShow keyboard shortcuts
' or SSearch picture
/Search map
MCopy Permalink to clipboardShiftMOpen Permalink in new window
DOpen download dialogShiftDDownload, using previous settings
  ShiftOOpen OpenStreetMap editor
  ShiftGOpen Google Maps

Privacy Policy

Last updated: Feb 17, 2025

This Privacy Policy describes RouteDoodle, LLC's polices and procedures on the collection, use, and disclosure of your information when you use the RouteDoodle Services.

By using the RouteDoodle Services, you agree to the collection and use of information in accordance with this Privacy Policy.

RouteDoodle, LLC does not sell, and has not sold, your personal information.

Vendors

RouteDoodle, LLC uses certain vendors, who may transmit information to our from RouteDoodle.

Cloud VendorsRouteDoodle uses cloud service providers such as Amazon Web Services (collectively, "Cloud Vendors") to provide core functionality. RouteDoodle, LLC and the Cloud Vendors collect web server usage data, including your IP address and location information, device information, and the list of web addresses queried.
Map VendorsRouteDoodle accesses map-related information from map servers such as OpenStreetMap, mirrors, basemap vendor servers, geocoding servers, their cloud service providers, content delivery networks, and other vendors and service providers (collectively, "Map Vendors"). The Map Vendors may collect your IP address and location information.
Analytics VendorsRouteDoodle may use third-party analytics and observability service providers such as Google Analytics and Sentry (collectively, "Analytics Vendors") in order to provide better services. These Analytics Vendors may use cookies or other similar technology, and may collect your IP address and location information, device information, content viewed or interacted with, and browser event data.

Location Information

Location Information that RouteDoodle, LLC and vendors may collect includes the following:

Device LocationYour location according to your device (if you opt-in)
IP LocationYour location according to your IP address
Map LocationThe location you are viewing on the map
Wireframe LocationThe location of the wireframe and route you placed on the map

Creating an Account and Logging In

It is not necessary to create an account or log in, to productively use RouteDoodle.

As of February 2025, the account feature is not yet available. Once it is available, and if you choose to create an account, RouteDoodle collects the username and email address that you specify.

If you do not log in, RouteDoodle does not collect your username, email address, or other personally identifiable information.

Cookies

RouteDoodle employs cookies and browser local storage technology to provide better services. This includes but is not limited to staying logged in, saving your picture/wireframe/route, and caching Map Input Data.

Changes to Privacy Policy

RouteDoodle reserves the right to modify this Privacy Policy from time to time. Please review it occasionally. Any changes will become effective upon posting of the revised Privacy Policy on the RouteDoodle website. If we make changes we deem to be material, we will notify you when you log in. If you object to any changes to this Privacy Policy, you should stop using RouteDoodle and delete your account.

Contact

If you have any concerns regarding this Privacy Policy, please send email to info@RouteDoodle.com.

Feedback

Love RouteDoodle, have suggestions, found a bug? Submit feedback or email info@RouteDoodle.com.

Free

RouteDoodle is provided completely freely, to encourage more people to make GPS art. No signup is required.

Who's behind RouteDoodle?

RouteDoodle was made by Karl Chen. Check out Karl Chen's GPS Art.


Loading RouteDoodle...

If you still see this, then the map didn't load properly. Perhaps a Javascript error occurred. info@RouteDoodle.com.