Intro
This article introduces you to our custom Map app and its core features.
The Map application is deployed to customer servers per request. To learn more contact our support at sales@wallboard.info!
This custom app is under active development and any information in this documentation could be inaccurate or outdated!
If you have any questions please contact our support at support@wallboard.info
What is Map?
The Map app allows you to visualize an office layout, including rooms, and navigate between them. It can display real-time room availability, helping users identify which rooms are free or occupied. The application relies on an SVG-based map, which must be prepared according to specific guidelines to ensure proper functionality.
Prerequisites
Before using the Map app, you need to prepare an SVG file that adheres to the required structure:
- The SVG must not contain any
transform
styling, as it alters the position coordinates of paths and groups. - The map should be structured with grouped elements, following a strict hierarchy.
For more info about creating a valid Map SVG, please refer to Creating a Map SVG documentation.
Setting Up the Map Widget
To integrate your SVG map with the widget, follow these steps:
1. Load Your SVG Map
- Upload the correctly structured and exported SVG file into the Map widget.
2. Configure Widget Settings
Once your map is loaded, adjust the following key settings to optimize navigation and user experience:
-
Wayfinding Sensitivity
- Determines how far apart route points should be to be considered connected.
- Higher sensitivity increases accuracy but may slow down performance.
-
Map Scale & Ratio
- Adjust the map’s display size and ensure it matches the actual layout dimensions.
-
Default Start Point
- Set a starting location for navigation purposes.
- This could be the main entrance, lobby, or any other frequently used location.
3. Test and Finalize
- Navigate through different levels and locations to ensure smooth transitions.
- Verify that wayfinding routes and transition points function correctly.
- Optimize settings as needed for better performance.
Once everything is set up, your interactive map is ready for use!