Maps can be easily added to your skin by selecting this tool and clicking in the Canvas to add the map. Use a button to show and hide it.
ID – A unique ID is given to the map element. This can be changed.
Position – The x and y coordinates for the map.
- Anchor - Use this grid to “stick” the element to a section of the player window.
Size – Adjust the map’s size (width and height) in pixels.
Scaling – Scales the map along the x and y axes. Doubling the value on either axis, for instance, will double the size of the element. If a scaling modifier is enabled, this scaling setting is ignored.
- Center – Use this grid to determine how the map scales. The default is set to the center so the element will scale in or out from its center. If you anchor the scaling to the upper left corner, for example, the scaling will center from this point.
Angle – Use this parameter to adjust the angle of the element. It will use the Center grid (above) as its axis. For example, if the center is chosen, it will rotate around its center. If the bottom left corner is selected, the map will rotate around that corner.
Visible – Select or deselect to keep the map visible or invisible. Visibility or invisibility can be changed and toggled with actions.
Alpha – The transparency of the map. A setting of 1.000 is opaque. Lowering this number will increase the map’s transparency.
Hand Cursor – Select to have the hand cursor show when the mouse rolls over the map. This makes it more obvious to the user that the area or map is interactive.
Map Images Provider – Choose the images provider for the map tiles.
- Google Maps
Google API Key – Enter your Google API key to authenticate Google Maps. In order for the Map to work, you must get an API key from Google. All the maps we provide will require a key; not just for Google Maps. Read more about the API key and authentication.
Initial Type – Choose which type of map should be initially used (the user can change this once open).
- Hybrid (cross between Roadmap and Satellite)
Map Controls – Select to show the map controls (zoom in/out).
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 map marker. Learn how.
Hotspot Proxy ID –- Enter the corresponding hotspot ID. The ID should come from the hotspot’s ID field in the hotspot editor. Using hotspot proxies gives you the ability to link skin elements to specific hotspots.
CSS Classes –- Enter the CSS classes for this element. You can enter more than one class, separated by comma.
CSS Styles – Enter the CSS styles for this element. You can enter more than one style, separated by comma.
Limit Output –- This option lets you selectively choose which element should not be used for either the Flash or HTML5 outputs.
In order for an element to act as a button, it needs to have a function or action applied to it.
Double-click in the Actions area or click the plus sign to the right to open the Action Settings.
See Skin Actions, for details on all actions.
Adding modifiers allows you to make elements move, scale or rotate when the panorama is being panned, tilted, zoomed or loaded. A good example of a use of a modifier is for a loading bar that scales in relation to how much of the panorama has been loaded. You can see how this is done by opening one of our default skins.
Double-click in the Modifiers area or hit the plus sign to the right to open the Modifier Settings.
See Skin Modifiers, for more details on all modifiers.