Draw a precise curved line - (Pen/Curve Tool)

Notes:
To draw a precise curved line, you must be logged-in to a Pro account. To learn how to upgrade, visit this link: How to upgrade to a Pro account

 

If you want to draw a smooth freeform line, visit this link: Draw a freeform line - (Draw Tool)

Select the line's colour, thickness, style, and end cap style

1. Login to your Scribble Maps account at:
   https://www.scribblemaps.com/create 
   (Optional) To learn how to log in, visit this link:
   How to login/register
    
2. Select the Pen/Curve Tool in the top toolbar.
    
3. (Optional) Choose the colour of the line.

   To choose the colour:

   1. In the top toolbar, select the Line Colour Picker.
      The Line Colour Picker is the Pencil Icon displaying the tooltip: "Changes line/border colour".
       
   2. There are 2 options for this step:
      Option 1
      Type the Hex Colour Code into the field.
       
      Option 2
      1. Click on the "White+Colour" field to choose how much white is mixed with a colour.
      2. (Optional) Click on the Shade Bar to choose how much gray or black is mixed with the "White+Colour".
       
   3. (Optional) In the "Opacity" field, type-in the non-transparency percentage of the final colour.
      The opacity value:
      • 0% is invisible.
      • 50% is see-through.
      • 100% is the solid colour.

   Note: You can save colours to use later. To learn how, visit this link: Save a colour swatch, then apply it to a new line, shape, or label

    
4. (Optional) Choose the line thickness.

   To the right of the Line Colour Picker:

   • Click on the up/down arrows.
     OR
   • Type the number into the field.

    

    
5. (Optional) Choose the line style

   To the right of the line thickness selector:

   1. Click on the current line style.
   2. On the drop-down list, click to select the new line style.

    

    
6. (Optional) Choose the line’s end cap style.

   To the right of the line style selector, click on the current cap style. You can change the style to either round or square.

Draw the precise curved line

1. In the Map View, move and zoom the map so you can see both the:
   • Start location.
     AND
   • Destination location.

   To move the map:

   1. Select the Hand Tool in the top toolbar.
   2. In the center of the Map View, you will see the crosshair reticle.
   3. In the Map View, click-and-drag the map so the chosen location is at the reticle.
      When you later zoom, you will see the map zooms to/from the location at the reticle.

   To zoom-in/out, there are 2 options:

   Option 1
   In the top-right corner of the Map View, click the:

   • Zoom-in button, "+".
   • Zoom-out button, "-".

   Option 2
   Use the scroll wheel on your mouse.

   For Windows

   • Scroll forwards to zoom-in.
   • Scroll backwards to zoom-out.

   For Mac

   • Scroll backwards to zoom-in.
   • Scroll forwards to zoom-out.

    

    
2. In Map View, click or click and hold to create the first point of the line. Then click to create the second point of the line.
   If you click, a straight line will be created. If you click and hold, the curve will start on the first point.
    
3. (Optional) To increase the curve of the line, click and drag a handle outwards in the same direction as the curve.
    
4. (Optional) To change the direction of the curve, click and drag a handle in a left/right circular motion.
    
5. (Optional) To add another point, click another location on the map.
    
6. (Optional) To move a point on the line, click and drag the point.

   Note: When you click-and-drag the point, you might accidentally create a new point instead. To prevent new points from being created accidentally, you can click the checkbox on the left-side of the Map View labelled: "Lock Point Add".

    
7. When you have finished creating the precise curved line, click the button on the left side of the Map View labelled: "COMPLETE CURVE".
   You can also triple-click your final point to end the map.

   Or you can press the "X" button on your keyboard.

(Optional) View the line’s row in the Layers Panel

1. Select the Edit/Measure Tool in the top toolbar.

   Or you can press the "Q" button on your keyboard.

    
2. (Optional) If the "LAYERS" Panel isn't open on the right side of the browser window, click the vertical bar. 
    
3. In the Map View, hover over the line.
   In the Layers Panel, you will see the line’s row is highlighted.

See also

Add an overlay to a group/folder