Create a clickable marker - Add Click Action

Note:

This article explains how to create a clickable marker. 

 

For a general article explaining how to create a clickable overlay (rectangle, etc.), visit this link:
Create a clickable overlay for linking to a web page

 

To learn how to create a clickable label, visit this link:
Create a clickable label for linking to a web page

Create the marker

Note: For more detail about how to create markers, visit this link: Create a marker - (Marker Tool)

1. Select the Marker Tool in the top toolbar.
   The marker selector window will pop up
    
2. In the left menu pane, click on the folder/sub-folders, then a category.
   For this example, we’ll choose; Tabs > Numeric Tabs > Blue.
   In the right pane, you will see the list of specified marker styles.
    
3. Click a marker style to select it. For this example, we’ll select: "1".
   In the Map View, you will see the mouse cursor is now the selected marker style.
    
4. In the Map View, click the location where you want to place the marker.
   The marker editor window will pop up.
    
5. Click the checkbox: "Click Action".
   You will see the "Click Action" window appear.
    
6. Under the "Click Action" heading, you will see a list of available options in the drop-down menu.

   • 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.

   In this example, we will select "Open Website".

Copy and paste the web address

1. Open a new browser tab to display the web page you want the marker to link to.
   Or use this example URL, the Wikipedia homepage:
   "https://en.wikipedia.org/wiki/Main_Page"
    
2. 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).

    

    
3. Return to the browser tab displaying Scribble Maps.
    
4. Under the "URL/Website" heading, paste the URL.

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

   • Ctrl + V (for Windows).
   • Command + V (for Macs).

    

    

Select where the web page will load

1. Under the "Target" heading, click the drop-down list 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 "+ Add Action" button. Then click "SAVE".
    
3. In the marker editor window, click the "SAVE" button.

Test the clickable link

1. Select the Hand Tool in the top toolbar.

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

    
2. In the Map View, click the marker.
    
3. There are 2 options for this step:
   Option 1
   If you selected "New Window", you will see the web page load in a new tab.
   Option 2
   If 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.

See also

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