© 2018 WAGNER WAYFINDER

Editing

Menu

The menu is used to help your visitor navigate and find information in your map.

The buttons inside the menu is stored in a button section, which determines how the button should be displayed.

Set as active menu

If this is enabled, this menu will be

loaded by default when loading the

guide.
 

Description

Use this to give a description to your menu. Useful if you have multiple menus and want to differentiate them . This description is only visible for you when editing your guide, and never in the live view.

Banner Settings

You may upload your own menu banner. 

  1. Upload your banner to your Icon Library

  2. Click 'Select new banner' and select the icon

  3. Edit the height and padding to adjust the position and appearance of the banner.

  4. Save the menu by clicking 'Save menu'

To reset the height and padding, you can click 'Reset height padding' that resets them to the default settings.

Theme Colors

The theme colors consists of four colors:

Banner background color - the backround color of the banner. This is useful if you have a transparent banner.

Button text color - the color of the buttons

Primary color - The main color of the menu, i.e. the background color of the buttons and elements.

Secondary color - The color that's shown when a button is hovered.

To reset these values to their default settings, click on 'Reset theme colors'.

Font selector

You may change the font family, style (bold, italic, etc.) and size (in pixels). Experiment to see what looks best, or use the default settings (Roboto, Regular, 16px).

Buttons sections in the menu

Button sections contains the menu buttons, and determines how the menu buttons inside it should be displayed. You can change the ordering of the button sections by dragging the handle up or down 

and change the button type by clicking on the type name

To create a new button section, click on the "Add new button section"-button and choose button section type. 

To delete a button section, click on the trash can. Note: This will delete all menu buttons inside it.

Add button section

Button Section Type

Standard button section The buttons inside this type will display their icon and text, and take up the entire width of the menu

Icon button section 

The buttons inside this type will only display the icon of the button, and take up a minimum 25% of the width.

Icon button section with text

Just like the Icon button section, with text below the icon.

Delete button section

To delete a button section, click on the trash can. Note: This will delete all menu buttons inside of it.

 
 
 

Menu buttons

The menu buttons are used by your visitor to present information and help with the navigation of your map. 

Icons

Select an icon using the "Select icon"-button. You can search for icons by using english keywords, such as 'desktop', 'female',  'battery'. Use the color picker to change the color.

Animation

Determines what animation will be played when the button is clicked (see Animation)

ButtonType 

Determines what the button does when it is pressed. There are different typs of buttons that trigger different actions.

 

Sub menu button allows the menu button to contain other menu buttons. To add a new button to a menu button, click on the 'Add new submenu button' such as sub menu or show a specific floor

Link button:  Opens a new tab with the entered URL when the button is clicked.

Map File Selector:

This creates a submenu with a menu button for each map file in your map. If 'Display a Load all map floors button' is enabled, a button for the default view will be added at the top.

IFrame

If enabled, attempts to load a url in an IFrame window, when the buttons is pressed. Note: the domain entered must allow Cross-Domain, or https://wisibel.com as an allowed origin.

Inner HTML

Used to display HTML/text under the menu button when clicked. First select the language and then enter your text

Entity Info

The entity info is an information box that is displayed when an object is clicked. (gif). In order for this to show, 'Show Entity Infos' under Live View Settings must be enabled, the Map Object must have a name, a description, or both, for the selected language, and the 'Show Entity Info when clicked' in the map object must be enabled.

 

Live view setting

The live view settings can be used to specify specific behavior when loading your map.

 

Show search bar 

Makes the search bar hidden or visible


Show language bar 

Makes the language menu hidden or visible


Show entity infos 

Determines if entity infos should be displayed when clicking on objects.


Menu open from start 

Determines if the menu should start open or closed when loading your map.

Always Use Red Highlight Color In Animations 

If enabled a red color is used. Otherwise the icon color of the clicked button is used.

Center Camera When Highlighting Objects 

If enabled, centers the cameras target to the middle of the object(s) being highlighted. If disabled, resets the camera to the original view instead.

Display Notifications For Direct Mappings 

If enabled, displays a notification of what shelves are being matched when a user is redirected to the site via a Direct Mapping link.

Use Map Controls In Mobile View 

If enabled, changes the mobile touch controls to Map controls (used in Google Maps). If disabled, uses the default controls.

 

This is a comparison of the controls:

Default controls:

  • One finger rotate

  • Two finger pan

  • Pinch to zoom

Map controls:

  • Two finger rotate (twisting motion)

  • One finger pan

  • Pinch to zoom

Background color 

Determines the background color behind the 3D map. Recommend setting: rgb(255,255,255)

Customize Search Result Entities

If enabled, uses the settings explained below to filter the search results when using the search bar:

Include Map Objects 

If enabled, includes all map objects (searchable attributes are the map object names and descriptions for the currently selected language)

Include Map Object Groups 

If enabled, includes all map object groups

Include Menu Buttons 

If enabled, includes all menu buttons

 

Animation

Animation

Animations is the gateway to making things happen in your map. Once you have created an animation, it can be reused in multiple menu buttons, used for the animations to be played when clicking on map objects, direct mappings, and much more. 


Animation Type:
The animation type determines the behavior of the animation.

Highlight 

Highlights map objects and map objects within map object groups by displaying a pulzing circle on each object. To select objects you can either:

  • Click on objects in the 3D map

  • Select an object from the drop down list

  • Select map object groups from the drop down list


Play Path
Displays a path
 

Play Message Group

Plays a message group


Load Map File

Loads a map file

NOTE
Click "Save button" before adding the animation. 

Map text

Map Texts are used to pinpoint texts in your map.

The map text is assigned to a map file, which makes sure that only the relevant map texts are added to the map when single map files. The map text will be invisible if it's behind another object.

 

Name

A descriptive name for the map text, only visible in the admin view.


Text

The text that will be displayed in the map. For each language that is added to the map, an additional text input will be displayed which will be used when translating the map in the live view.

Text color

Used to color the text


Position

Drag the blue/green/red arrows to change position


Center text

If enabled, centers the text around the position


Border sides

Determines on which sides the border should be visible on.


Border color 

Determines the color of the border


Border width

Determines the width of the border


Background color

Determines the background color of the map text

URL Generator

The URL Generator tool enables you to convey specific information in an easy way. It creates a URL link that show a specific happening automatically when opened, such as an animation or path to a specific object.

Link to entity --> If enabled, allows you to select an entity that is displayed when loading the URL. If you have selected Map Objects as your selected entity, you can select Map Object(s) that will be highlighted.

If a Path or Message Group is selected, the selected path/message group will be played on load. (gif)

 

 

 

 


 

Text  Enter a custom text that will be displayed. (picture)

Prioritize a map file --> Used to load a certain map file. If used in combination with highlighting objects that are on multiple floors, this will make sure the selected map file will be loaded and the user does not have to select what map file they'd like to see.*

Change language Launches your map with the selected language. If disabled, the default language is used.
 

 

Force mobile view If enabled, changes the layout to the mobile version 

 

Change Default live view settings Overrides your settings in the 'Live View Settings' for this URL. Note that changing these values only changes the settings when using this URL.

 

URL The complete URL that will be updated every time you make a change in the above settings. You can use this to copy and paste to your website.

 

Go to URL  Opens a new tab with the generated URL

 

Map object

A map obect is a "thing" on the map, that can be interacted with and given specific purposes. To edit a map object, you can either find the object in the list, or select an object in the map and click "Edit selected object"

Name and Description  Enter the name and description of the object. This will be used in search results, and shown in the Entity Info (see below for entity menu).

 

Position To change position, click on the 'Position' entry and click & drag the blue, red and green arrows, like so.

 

If you like to reset the position, click on the "Reset X/Y/Z" buttons. 

 


Rotation To change rotation, click on the 'Rotation' entry and click & drag the blue, red and green circles, like so: (gif).

 

If you like to reset the rotation, click on the "Reset X/Y/Z" buttons. 

 


Scale  To change scale, click on the 'Scale' entry and click & drag the blue, red and green boxes, like so: (gif).

 

If you like to reset the scale, click on the "Reset X/Y/Z" buttons.

 

 Visible Disable this to make the object invisible in the live view
 

Show Entity Info when clicked If enabled, displays the Entity Info when the object is clicked. Note: In order for the entity menu to show, the 'Show Entity Infos' under 'Live View Settings' must be enabled, and the object must either have a Name, Description or both, for the current language in the live view.


Change color Use this to change the color of the object. 

 

Show animation when clicked Use this to play an animation when the object has been clicked.

Map object group

Map Object Groups can be used to group map objects with a common name and description. They can also contain other groups, which then also includes all the other groups' map objects.

Name and Description Enter the name and description of the object. This will be used in search results, and shown in the Entity Info (see here) if that's enabled.


Groups in this group Select groups that should be added to this group. This includes the other groups' map objects.


Objects in this group Either select in the drop down list, or click on the objects in the map to determine which objects that should be included. Use Alt+Click to deselect objects in the 3D-map.
 

 

Map Object Groups can be used to group map objects with a common name and description. They can also contain other groups, which then also includes all the other groups' map objects.

Name and Description Enter the name and description of the object. This will be used in search results, and shown in the Entity Info (see here) if that's enabled.


Groups in this group Select groups that should be added to this group. This includes the other groups' map objects.


Objects in this group Either select in the drop down list, or click on the objects in the map to determine which objects that should be included. Use Alt+Click to deselect objects in the 3D-map.
 

 

Camera

The camera decides how the map will be viewed and interacted with when using the mouse. You can determine starting positions, panning, and more. The first section (Cameras for Map) is the cameras used when loading the initial view. The other cameras are for map files, and will be used when loading that specific map file.

Change the default mobile controls

If you want a map controls for mobile devices, such as the controls used for Google Maps, go to 'Live View Settings' in the side menu and enable Use Map Controls In Mobile View.

This is a comparison of the two controls:

Default controls: 

  • One finger rotate

  • Two finger pan

  • Pinch to zoom

Map controls:

  • Two finger rotate (twisting motion)

  • One finger pan

  • Pinch to zoom

​​​​

How to change the camera's position

To change the position, move the camera by holding your primary mouse button (usually the left one) and drag your mouse around. To zoom out, you can either scroll or hold down the scroll button and move the mouse back and forth.

Important - Click the 'Update camera' button to update the position, and then click 'Save' to save it. You can click 'Preview camera' to preview what position it has:

Restrict zooming

To restrict how near and far the camera is allowed to zoom, zoom with your scroll button, or hold down the scroll button and move the mouse back and fourth, to a desired zoom level. Then click either 'Set maximum allowed zoom in' to set how near the map the user may zoom in, or 'Set maximum allowed zoom out' to set how far the user can zoom out.

Remember to save after setting these restrictions.

How to change the camera's target (what it looks at)
When creating a new camera, or editing an existing one, you will see the position control for the camera target. Drag the blue/green/red arrows to change its position. The target is used to rotate around, and the initial position to look at when loading. It is recommended that you position the target in the middle of the map file for a better experience.

Description 

An internal description of the camera, only viewed in the admin tool.
 

Set as active camera

f the map file has additional cameras, this determine which one will be loaded by default
 

Enable auto rotate after inactivity 

If enabled, starts a rotation after user inactivity. The camera rotates around the camera target.
 

Enable panning

If enabled, the user can hold the right click mouse button and drag the mouse to pan the camera. Disable this if you always want to target a specific position
 

Allow Full Vertical View

If enabled, allows the user to look under the target. If disabled, only allows the upper half of the target to be viewed. It is recommended that this is disabled if there's no reason to display the under side of your map files.
 

Rotate Speed

The speed of the rotation after user inactivity (if the 'Enable auto rotate after inactivity' is enabled)

 

Languages

If you wish to translate your map you can add more languages here. Each added language will be added to the language bar in the live view.
This will also allow you to translate certain things in the admin menu, such as the text for menu buttons and the texts in the map, by adding additional input fields:

Mark a language as default and it will be the default language when loading the map. If you'd like to link to your map with a different language as default, you can generate a URL in the URL-Generator (see here) and chose another language