Tutorial: Quick start guide #2 - Create a map in a Pro account

Notes:
Before starting QSG #2, we recommend you perform the steps in QSG #1 located at this link: Quick start guide #1 - Create a map in a Free account

 

To perform the steps in QSG #2, you must be logged-in to a Pro account. To learn how to upgrade, visit this link: How to upgrade to a Pro account

 

The estimated time required to complete the QSG #2 procedure is 1 hour.

What's the purpose of the map?

• Start the trip in Chicago, Illinois.
• Travel to 7 North American cities.
• End the trip in New York City, New York.

• Optimized route.
• Estimated travel time.
• Estimated travel distance.
• Estimated travel cost.

(Step 1) - Load the sample data for the 9 cities to the import spreadsheet table

1. If you aren't logged-in to Scribble Maps already, login to your account at:
   https://www.scribblemaps.com/create 
   (Optional) To learn how to login, visit this link:
   How to login / register
    
2. (Optional) If the "LAYERS" Panel isn't open on the right-side of the browser window, click the vertical bar. 
    
   
    
3. In the top of the Layers Panel, click the Spreadsheet Icon displaying the tooltip: "Import Spreadsheet".
   This window will appear: "IMPORT LIST (SPREADSHEET)".
    
4. Click the tab: "1. Import Data".
   You will see a field displaying our sample data.
    
5. Click the tab: "2. Map".
   You will see our sample data for 9 cities displayed in a table.

(Step 2) - Plot the markers on the map

1. At the bottom of the "IMPORT LIST" window, click the button: "MAP LIST".
   You will see the pop-up: "9 points added to map".
    
2. Click: "Ok".

(Step 3) - Move the 9 city markers to a new folder, and delete the "List Import" folder

Note: The purpose of this section is to help you learn the basics of how to use folders.

1. In the Layers Panel, you see 3 sub-folders for 3 countries: (MEXICO, USA, CANADA).
    
   Click the arrowheads on the left-side of each sub-folder to display the contents.
   3 markers will be displayed under each sub-folder. The total quantity is 9 markers.
    
2. In the top of the Layers Panel, click the Folder Icon displaying the tooltip: "Add Group".
   You will see the new folder added to the top of the list in the Layers Panel.
    
3. Click-and-drag the 9 markers into the new folder you added to the top of the list.

   To click-and-drag a marker's row into a folder:

   1. Click-and-hold the row's title.
       
   2. While continuing to hold, drag the row on top of the new folder until you see the blue line disappear.
       
   3. Let go of the row.
       
   4. When the marker is inside the folder, you will see the title of the marker is:
      • Below the new folder.
      • Indented on the left-side.

    

    
4. Near the bottom of the list, you will see the "List Import" folder. Delete the folder by clicking the Garbage Bin Icon on the folder's row.
    
5. In the pop-up that appears, click: "Yes".
   In the Layers Panel, you will see the "List Import" folder, and the 3 sub-folders have been deleted.

(Step 4) - Produce the preset region polygons for the 3 countries

1. In the top-right corner of the Layers Panel, click the Paint Brush Icon.
   The Paint Brush Icon displays the tooltip: "Highlight Region".
    
2. In the "Region Highligher" window, type the name of the first region into the search field. For this example, we'll type-in: "United States".
   You will see a drop-down list appear displaying the names of regions related to your search.
    
3. Click to select a specific region. For this example: "United States of America".
   The region will appear in the preview window.
    
4. Click the button: "ADD TO MAP".
    
5. Click the "Ok" button.
    
6. Complete steps #2-5 for: Canada and Mexico.
    
7. In the top-right corner of the "Region Highlighter" window, click the "X" button.
    
8. In the Map View, you will see the polygons for the 3 countries.
    
9. In the Layers Panel, you will see the 3 folders for the 3 countries. Click the arrowhead on the left-side of each folder to hide the polygon rows in the Layers Panel.

   For more information on Region Highlighting, visit; Search: Region/Areas - Region Highlighter

(Step 5) - Toggle the display of a region's polygons in the Map View

1. In the Layers Panel, click the Eye Icon on the left-side of a region folder's row to hide the region's polygons in the Map View.
   For example, click the Eye Icon on the left-side of the folder: "United States of America".
    
2. In the Map View, you will see the region's polygons are hidden.
    
   In the Layers Panel, you will see a line through the Eye Icon on the left-side of the region folder's row.
    
3. Click the Eye Icon again to display the region's polygons in the Map View.

(Step 6) - Configure the optimized route for travel to the 9 cities

1. In the top of the Layers Panel, click the Gear Icon displaying the tooltip: "Operations & Analysis".
    
2. Under the "Create" heading > "Route" subheading, click the link: "Optimized Route".
    
3. Under the heading, "Start", click the button: "Select".
    
4. Click to select the location of the start marker: "Chicago".
    
5. Under the heading, "End", click the button: "Select".
    
6. Click to select the location of the end marker: "New York".
    
7. Under the heading, "Waypoints", click the button: "Select".
    
8. Click to select the folder you previously created that includes the markers.
    
9. Under the "Mode" heading, click the drop-down list to select: "Travel Time".
    
10. Under the "Style" heading, click the drop-down list to select: "Blue".
     
11. Under the "Times On Map" heading, click the checkbox to add a checkmark.

(Step 7) - Create and view the optimized route

1. Click the button: "CREATE OPTIMIZED ROUTE".
    
2. In the pop-up that appears, click "Ok".
    
3. In the top-right corner of the Operations & Analysis window, click the "X" button.
    
4. In the Layers Panel, click the arrowhead on the left-side of the "Route" folder to see the 2 sub-folders.
    
   Then click the arrowheads on the 2 sub-folders to view the contents.

   The "Waypoints" folder displays each marker's number (1-9) in the route's sequence.

    

   The "Routes" folder displays each sub-route's title (the travel time).

    
5. To learn the total travel time, click the Pencil Icon on the "Routes" folder's row.
   A pop-up will appear. Under the "Title" heading, you will see the total travel time (hours, minutes).

    

   Then close the pop-up by clicking the "X" button in the top-right corner.
    
6. In the Map View, you will see the route line reaches all of the 9 markers.

   Arrowheads on the lines display the direction of each sub-route.

    

   A straight line displays the travel time of each sub-route.

(Step 8) - Configure the calculation for the cost of travelling the route

1. At the bottom-left corner of the Map View footer, click the Gear Icon.
   The "SETTINGS" window will appear.
    
2. Under the "MEASUREMENT" heading, click the radio button to select the measurement system. For this example, we'll select: "Imperial". 
    
3. Under the "Length Unit" heading, click the drop-down list.  Then select the length units. For this example: we'll select: "Mile".
    
4. In the top-right corner of the "SETTINGS" window, click the "X" button.
    
5. In the top of the Layers Panel, click the Gear Icon displaying the tooltip: "Operations & Analysis".
    
6. In the top-left corner of the O&A window, click the button: "Back to Menu".
    
7. Under the "Aggregate" heading > "Cost Per Unit" subheading, click the link: "Length * Cost Per Unit".
    
8. Under the heading, "Select Group", click the button: "Select".
   For this example, select the "Routes" folder.
    
9. Under the "Unit" heading, click the drop-down list to select: "Mile".
    
10. Under the heading, "Cost per Unit", type-in the dollar cost per mile.
    For this example, we'll type-in "2" for $2/mile.

(Step 9) - Calculate and view the results

1. Click the button: "GET TOTAL COST".
    
2. You will see a table displaying the results.

   Under the "Line" heading you will see the travel time (days, hours, minutes) for each sub-route.

    

   Under the "Length" heading you will see the travel distance (miles) for each sub-route.

    

   Under the "Cost" heading you will see the cost (dollars) for each sub-route.

    
3. At the bottom of the table, you will see the totals for:
   • Travel distance.
   • Travel cost.
    
4. In the top-right corner of the Operations and Analysis window, click the "X" button.

See also

Create a clickable region polygon for linking to a web page

Add an overlay to a group/folder

Import spreadsheet data to produce markers on a map - (MS Excel/Google Sheets/etc.)

Save a map