Drawing Layer

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

You can create a drawing either by dragging an Image from another window, or by drawing with the Pencil tool. Try it: Drawing with the Pencil

You can edit the Drawing 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 drawing.

Not sure where your doodle would ride best? Click the Suggest Spots button. It looks at the part of the map on your screen for places where the roads line up with your drawing. It moves your doodle, makes it a little bigger or smaller, and rotates it a little -- as much as the sliders at the top of the Spots window allow -- but never changes its shape, and lists the best few spots it finds. It may also move a point a little, onto the intersection the route goes through, so the route doesn't ride up a side street and back, or along the wrong street for a block. Click one to move your doodle there, or step through them with the left and right arrow keys; Undo puts it back where it was. To search a different area, move the map there first.

Tips

  • To move the doodle, drag the hand icon, or right-drag or Alt/Option+drag the interior of the drawing or route.
  • A one-finger drag on the doodle moves it. If it keeps moving when you meant to move the map, turn off One-finger drag moves the doodle in the settings: then one finger moves the map, and the move handle above the doodle moves the doodle.
  • To resize the doodle, drag the resize handle on one of the four corners.
  • To flip (mirror) the doodle horizontally or vertically, resize it below zero size.
  • To rotate the doodle, drag the rotation handle at the top.
  • To fine-tune an individual control point, drag either the solid blue control point on the Drawing, 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 remove a control point, click on the point and press Backspace or click the Remove button. The line stays connected through the neighboring points.
  • 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. On a touch screen, touch the map, hold still for a moment, then drag to draw the lasso.
  • To drag multiple control points, select them, then drag the amber border.
  • To reverse a range of control points, select them, then click the Reverse button.
  • A line can be a loop or not. To close a line into a loop, drag its start onto its end (or its end onto its start). To open a loop back up, click the control point where you want the gap and click the Split button.
  • While you work, a doodle can be in several separate lines, so that you can change one part without the rest. Dropping an image with several parts makes one line per part. To cut a line in two, click a control point and click the Split button. With two neighboring points selected, the line is cut between them; with a stretch of points selected, that stretch of line is cut out and the two sides stay apart. Each line then gets a dotted box of its own: drag its move handle (the hand above its top edge) or Right-Drag inside it to move just that line, and use its corner and rotation handles to resize and rotate it, while the outer box still moves, resizes, and rotates the whole doodle. When you're done, join the lines back into one (below): the doodle you ride is one line. Try it: Working in pieces
  • With two or more control points selected, an amber box appears around them: drag its handles to move, resize, or rotate just those points. With every point selected, the image goes along with them.
  • To join two lines, drag an end of one onto an end of the other, or draw with the Pencil tool from one end to the other. If the ends point the wrong way, one line is turned around so that they meet. Dropping or drawing one end of a line onto its other end closes it into a loop.
  • To start a separate line, begin drawing well away from the lines you have, and finish away from their ends: a stroke that finishes near the end of a line attaches to it there, just as one that starts near a line does. While the Pencil tool is on, a dashed line from the pointer shows where a stroke would attach; when there is none, the stroke starts a line of its own. Right after you click a single point, though, the next stroke always attaches, so you can click from point to point however far apart they are. How far away is far enough is up to you, with Pencil strokes away from the doodle in Settings: from every stroke attaching, to only strokes that start right on a line attaching. Try it: Drawing with the Pencil
  • While a doodle is in several lines, a faint dotted line shows each gap between them. It isn't something you can ride, so join the lines before you're done.
  • Press W to toggle showing or hiding the Drawing Layer.
  • Press P to toggle the Pencil tool.
  • Press ControlZ to Undo and ControlY to redo.

Loading RouteDoodle…

Still loading. On a slow connection this can take a minute.

If it seems stuck, try reloading the page.

RouteDoodle didn't start

Try reloading the page.