Skip to content

Hotspots

This section provides information about how to work with hotspots. For other hotspot-related topics, see:

You initiate most hotspot-related tasks from the Tour Builder's Hotspot menu (click below to see the menu).

Hotspot menu

Hotspot Terminology

Hotspot
A hotspot is an important location on your map that you want users to interact with. A hotspot itself has no size or appearance, but every hotspot has a marker associated with it. Hotspots usually have content - images, text, or multimedia - that displays when you mouse over or touch the markers on the map. A hotspot can also perform an action, such as linking to a web page, when you mouse over, touch, or click its marker.
Hotspot Marker
A hotspot marker defines the size and appearance of hotspots. Markers are placed on the map to show hotspot locations. Every hotspot has one marker, but a marker can be used by many hotspots. Learn more about markers.
Hotspot Content Editor
You add and edit content for your hotspots using the Hotspot Content Editor.

Hotspot Content

Hotspots can display different kinds of content or none at all:

  • Title
  • Text
  • Images
  • Multimedia
  • Tooltips

Hotspot content can be displayed in popups or in a tiled page layout alongside the map. If your tour has more than one map or gallery you can choose a different layout for each page.

You can easily add hotspot content manually by typing text and uploading images on the Edit Hotspot Content screen. Or, if you have a lot of hotspot content you can import content from a file. You can also export hotspot content to create a backup of your data or to make changes in bulk.

How to add a new hotspot

  • Click the add hotspot icon (see red arrow above) or choose New > Hotspot from the Tour Builder menu
  • The Edit Hotspot Content screen displays for the new hotspot

Tip: You can click the add hotspot icon multiple times to quickly create several hotspots.

How to set the first hotspot that displays when a map loads
  • Choose Map > Map Setup from the menu
  • On the Map Setup screen:
    • Choose the hotspot from the First Hotspot dropdown
How to delete a hotspot
  • Select the hotspot from the Tour Navigator on the left
  • Choose Hotspot > Delete from the Tour Builder menu
  • Click the DELETE button on the confirmation dialog

Caution

A deleted hotspot cannot be recovered. It is permanently removed from our database and cannot be restored.

How to delete multiple hotspots at the same time

To delete hotspots from a map:

  • Choose Map > Delete Hotspots from the Tour Builder menu

To delete hotspots from a gallery:

  • Choose Gallery > Delete Hotspots from the Tour Builder menu

Then, on the Delete Hotspots screen:

  • Check the hotspots you want to delete
  • Click the Delete button
  • Click the DELETE button on the confirmation dialog

Caution

Deleted hotspots cannot be recovered. They are permanently removed from our database and cannot be restored.

Hotspot Content Editor

You edit the content for individual hotspots on the Edit Hotspot Content screen shown below:

The fields on the Edit Hotspot Content screen are described below:

  1. Hotspot Title - identifies the hotspot in the Tour Navigator.

  2. Hotspot Id - a unique identifier. You can keep the default value or use your own.

  3. Marker - lets you choose the marker for the hotspot

  4. Photo and Media area - lets you upload an image for the hotspot or paste your HTML embed code for multimedia. The example shows an uploaded image.

  5. Media selector - lets you choose to display a photo or multimedia. If you choose multimedia, any photo associated with the hotspot is removed and you will be able to paste your HTML embed code into a text box.

  6. Text editor - lets you enter fully formatted text quickly and easily. You can create bulleted and numbered lists, add links, choose fonts and font sizes, and set text and background colors.

  7. Tooltip - let you type tooltip text for this hotspot.

  8. Map Preview - mouse over the thumbnail image to see a larger image of the map.

  9. Place/Locate this hotspot on the map - click this link to go to the Map Editor with this hotspot selected. If the hotspot is not on the map, you can add it to the map by clicking the link.

How to edit a hotspot
  • Choose Hotspot > Edit Hotspot Content from the Tour Builder menu
How to place a hotspot on the map

There are three ways to place a hotspot on the map:

  1. From the Edit Hotspot Content screen:

    • Click Place this hotspot on the map
  2. From the Map Editor screen:

    • Click the hotspot's thumbnail in the Hotspot Thumbnails section that appears below the map
  3. From the Map Editor screen:

    • Choose the hotspot's title from the hotspot dropdown list

    Hotspot Dropdown List

How to find a hotspot on the map

There are three ways to locate a hotspot on the map:

  1. From the Edit Hotspot Content screen:

    • Click Locate this hotspot on the map
  2. From the Map Editor screen

    • Click the hotspot's thumbnail in the Hotspot Thumbnails section that appears below the map
  3. From the Map Editor screen

    • Choose the hotspot's title from the hotspot dropdown list

Hotspot Dropdown List

How to display a video, web page, or Google map in a hotspot's content

You can embed a video, HTML document or web page, or Google map in your hotspot content by pasting the HTML embed code directly into your hotspot’s content.

  • Choose Hotspot > Edit Hotspot Content from the Tour Builder menu
  • On the Edit Hotspot Content screen:
    • Choose Multimedia from the Media dropdown. This step changes the hotspot content type from Photo to Multimedia and displays the Multimedia field. Note that changing the hotspot type to Multimedia removes the hotspot's photo if any.
    • Paste the HTML embed code for your video or other multimedia into the Multimedia field and choose Save

    Videos must already be hosted on a server somewhere such as YouTube or your own server. You cannot upload a video directly to MapsAlive. You can paste HTML for one <iframe> or one <video> tag. You cannot use any other HTML tags in the Multimedia field and you can only include one complete tag per hotspot. Any HTML that appears after the closing tag for one of the supported tags is automatically truncated.

How to edit the HTML for a hotspot's text content
  • Choose Hotspot > Edit Hotspot Content from the Tour Builder menu
  • On the Edit Hotspot Content screen:
    • Click the Source code icon <> on the right of the Text editor menu
    • Edit your HTML and click Save
How to display multiple images for the same hotspot

By design, the Edit Hotspot Content screen only lets you upload one photo per hotspot, but if you want to display more than one image, you can include them in the hotspot’s text field. This gives you more flexibility when creating hotspot content, and is also useful if you are using a text-only layout, but have just one or two hotspots with images. There are two ways to do this:

(Recommended) If your images are hosted on a server and you can reference them by URL:

  • Choose Insert > Image from the Text area menu
  • Paste the URL for the image into the dialog box

If your images are not on a server you can upload them to MapsAlive like this:

  • Add a hotspot for each image you want to use in another hotspot
  • Upload one image for each of these hotspots, but do not place these hotspot markers on the map
  • Go to the Edit Hotspot Content screen for the hotspot where you want to display the images
  • In the Text area type the following for each image:
    [image-macro hotspot-id:hotspotId; map-id:mapId; width:imageWidth; height:imageHeight]
    
    where hotspotId is the id of the hotspot whose image you want to include, mapId is the id of a map in the same tour that contains the hotspot of the image you want to include, and imageWidth and imageHeight specify the display dimensions in pixels. If you do not specify a size for your image, MapsAlive will display the image at its full size up to the space available in the hotspot’s Text area.
How to set a hotspot's id
  • Choose Hotspot > Edit Hotspot Content in the Tour Builder menu
  • On the Edit Hotspot Content screen:
    • Type the new id in the Hotspot Id field