Note:This is a general article explaining how to create a clickable overlay.To learn how to create clickable markers and labels, visit these links:
Create a clickable marker for linking to a web page
Create the overlay
- Create one of these types of overlays.
Draw a straight line - (Line Tool)
Draw a freeform line - (Draw Tool)
Draw a precise curved line - (Pen/Curve Tool)
Draw a flight line - (Flight Line Tool)
Draw a straight line including the distance measurement - (Dimension Line Tool)
Draw a rectangle - (Rectangle Tool)
Draw a polygon - (Polygon Tool)
Place an isometric shape - (ISO Shape Tool)
Create an image overlay - (Image Overlay Tool)
Copy and paste the web address
- Select the Edit/Measure Tool in the top toolbar.
Or you can press the "Q" button on your keyboard.
- Right-click on the overlay. In the pop-up menu that appears, Click the checkbox: "Click Action".
You will see the "Click Action" window appear.
- Under the "Click Action" heading, you will see a list of available options in the drop-down menu.
In this example, we will select "Open Website".
- Open Website: Opens a website, either in the same tab or a different one.
- Goto Lattitude,Longitude: Takes you to the Lattitude,Longitude entered.
- Set Zoom: Sets the zoom level.
- Goto Overlay/Folder: Takes you to the overlay or folder selected.
- Hide Overlay/Folder: Hides the overlay or folder selected.
- Show Overlay/Folder: Shows the overlay or folder selected.
- Pause (Wait For Next Click): Pauses the sequence until the next click.
- Wait For Milliseconds: Add a delay in Milliseconds (MS) between actions.
- Loop To Start: Loops back to first action in the list.
Useful for digital signage.
- Open a new browser tab to display the web page you want the overlay to link to.
Or use this example URL, the Wikipedia homepage:
- Copy the web page's URL.
Copy by clicking to highlight the URL. Then use your keyboard to press:
- Ctrl + C (for Windows).
- Command + C (for Macs).
- Return to the browser tab displaying Scribble Maps.
- Paste the URL in the editor window you previously opened.
Paste by clicking the "Clickable Link" field. Then use your keyboard to press:
- Ctrl + V (for Windows).
- Command + V (for Macs).
Select where the web page will load
- Under the "Target" heading, click the drop-down to select whether you want the web page to:
- Load in a "New Window" tab.
- 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.
- Load in a "New Window" tab.
- Click the "+ Add Action" button. Then click "SAVE".
- In the overlay editor window, click the "SAVE" button.
Test the clickable link
- Select the Hand Tool in the top toolbar.
Or you can hold down the "Shift" button on your keyboard.
- In the Map View, click on the overlay.
- There are 2 options for this step:
Option 1If you selected "New Window", you will see the web page load in a new tab.Option 2If you selected "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.
You can use a preset region polygon to create a clickable region. For example; New York City. A map viewer can then click the polygon to hyperlink to NYC's Wikipedia page. To learn how to create clickable regions, visit this link:
Create a clickable region polygon 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
Article is closed for comments.