Create a clickable region polygon for linking to a web page

Note: To produce a preset region polygon, you must be logged in to a Pro account. To learn how to upgrade, visit this link: How to upgrade to a Pro account

Produce the preset polygon of a region

Note: For a more detailed instructions, visit this link: Produce a preset polygon of a region (country, state, city, etc.)

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. In the Map View, move and zoom the map so you can see the location surrounding the region.
   For this example, we'll move and zoom the map so we can see the United States.

   To move the map:

   1. Select the Hand Tool in the top toolbar.
      Quick Key: Or you can hold the "Shift" button on your keyboard.
   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 in, 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 forward to zoom-in.
   • Scroll backwards to zoom out.

    

   For Mac

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

    

    
3. (Optional) If the "LAYERS" Panel isn't open on the right side of the browser window, click the vertical bar. 
    
4. In the top-right corner of the Layers Panel, click the Paint Brush Icon displaying the tooltip: "Highlight Region".
   The "REGION HIGHLIGHTER" window will appear.
    
5. Type the name of the region into the search field. For example, "New York".
   You will see a drop-down list displaying the names of the regions related to your search.
    
6. Click to select a specific region. For example, "New York City, New York, United States of America".
   The region will appear in the preview window.
    
7. Click the button: "ADD TO MAP".
    
8. Click the "Ok" button.
    
9. Close the "Region Highlighter" window by clicking the "X" in the top-right corner.
    
10. In the Map View, you will see the region's polygon(s).
     
11. In the Layers Panel, you will see the region's folder. Under the folder, you will see the region's polygon(s).

Copy and paste the web address

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

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

    
2. Right-click on the polygon. In the pop-up menu that appears, click "Edit Info".
   You will see the editor window.
    
3. Open a new browser tab to display the web page you want the polygon to link to.
   Or use this example URL, NYC's Wikipedia page:
   "https://en.wikipedia.org/wiki/New_York_City"
    
4. Copy the web page's URL.

   Copy by clicking to highlight the URL. Then use your keyboard to press:

   • Quick Key: Ctrl + C (for Windows).
   • Quick Key: Command + C (for Macs).

    

    
5. Return to the browser tab displaying Scribble Maps.
    
6. Paste the URL in the editor window you previously opened.

   Paste by clicking the "Clickable Link" field. Then use your keyboard to press:

   • Quick Key: Ctrl + V (for Windows).
   • Quick Key: Command + V (for Macs).

    

    

Select where the web page will load

1. Under the "Target" heading, click the drop-down to select whether you want the web page to:
   • Load in a "New Window" tab.
     OR
   • Replace the map in the "Same Window" tab.

   Warning: If you select "Same Window", the user’s unsaved map data may be lost when the tab transfers from the map to the web page.

    
2. Click the "SAVE" button.

Test the clickable link

1. Select the Hand Tool in the top toolbar.

   Quick Key: Or you can hold down the "Shift" button on your keyboard.

    
2. In the Map View, click the polygon.
    
3. There are 2 options for this step:
   Option 1

   If you select "New Window", you will see the web page load in a new tab.

   Option 2

   If you select "Same Window", you will see the browser warn you about losing unsaved data. After you save the map, click the button to leave the map.

   You will see the web page replace the map in the browser tab.

See also

Draw a large and detailed polygon

Create a smoother version of a line/border - "Smoothing > Bezier"

Create a clickable marker for linking to a web page

Create a clickable label for linking to a web page

You can also add a clickable region polygon to an embedded map on a website. For example, the website of a real estate company. A website visitor can then click the polygon to hyperlink to a web page displaying the properties for sale in the region. To learn how to embed maps on blogs and websites, visit this link:
Embed a map on a blog/website - General