Skip to main content

Map Element

Maps and Floor Plans can be easily added to the skin by selecting this tool and clicking in the Canvas to add.

Rectangle Settings

Border – The border or outline of the map element.

  • Width – Defines how wide the border will be.

  • Radius - Increasing this number will round the corners of the rectangle.

  • Color - Choose a color for the border.

Map Settings

Map Type – Choose to add a Map or a Floor Plan. The settings will adjust to the type chosen.

Map

Map – Choose the type of Google Map:

  • Google Roadmap

  • Google Hybrid

  • Google Satellite

  • Google Terrain

If a custom map has been added in the Tour Map, then you will also be able to choose the Leaflet map that does not require a key.

API – This option will become available if a custom map or floor plan that has been added to the Tour Map has been selected from the Maps menu. Choose from the following:

  • Google - If the Google API is chosen, an API key will be needed. See below.

  • Leaflet - No key is needed for this Map API, which is open source.

Google API Key – Enter your Google API key to authenticate Google Maps. In order for the map to work, you need to get an API key from Google. All the maps you want to show using the Google API require a key; not just for Google Maps. Read more about the API key and authentication.
✭ When setting up this key, make sure to lock this key to your domain (HTTP referrers).
✭ Do not use the same key you use for the Tour Map (for adding Place IDs for Google Street View).

Initial Zoom – Set the map’s zoom level. The default is Marker Bounds which will automatically set the zoom level to the map pin’s boundaries. The level can also be defined between 0 and 23. 0 will show the whole world, while 23 is the maximum zoom.

Satellite Map – Select Disable 45º view to disable the changing to Google’s 45º view when zooming in. This is only available if Google Satellite is the chosen map.

UI – Select to show the map controls (zoom in/out).

Node Change – Select, Center node, to keep the currently active node always centered in the the map. This way, if the user is zoomed in and moves through the tour, the map will follow and always keep the current node centered in view.

Radar – Select Enabled to include a radar beam that shows the facing direction.

  • Color – Select the color of the radar beam.

Marker Clustering – Select, Enable, to cluster many nodes in an area under a single marker. When the marker is clicked, the cluster is revealed.

Marker Clusters

Clone as Marker – Use this to select a custom image for a map marker. Learn how.

LoadingUnload map on hide - Select to unload the map when it gets hidden through a skin action. This means that when selected, when the map is hidden and is shown again, the map resets and is centered around the tour pins. If this is not selected, the map will stay in the same position as it was when it was hidden.

Floor Plan

Floor Plan – Choose a floor plan that has been added to the Tour Map.

  • Simple floor plan - Select to keep the floor plan from being panned or zoomed. It will always be maximized within the element.

Initial Zoom – Set the map’s zoom level. The default is Marker Bounds which will automatically set the zoom level to the map pin’s boundaries. The level can also be defined between 0 and 23. 0 will show the whole world, while 23 is the maximum zoom.

UI – Select to show the map controls (zoom in/out).

Node Change

  • Center node - Select to keep node center in the map when the node changes.

  • Auto-switch Floor Plan - When selected, and a user moves to a node that is not on the current floor plan, the map will automatically switch to the current node’s floor plan. When this option is not selected, the floor plan will not switch.

Radar – Select Enabled to include a radar beam that shows the facing direction.

  • Color – Select the color of the radar beam.

Clone as Marker – Use this to select a custom image for a floor plan marker. Learn how.

Alignment – Choose how the simple floor plan will be aligned within the map element.

LoadingUnload map on hide - Select to unload the floor plan when it gets hidden through a skin action. This means that when selected, when the floor plan is hidden and is shown again, it resets and is centered around the tour markers. If this is not selected, the floor plan will stay in the same position as it was when hidden.


See also

2018-11-20 14:48:14