The map floorplan is used to display business objects in the context of a geo map. It can also be used to show points of interest, optimized routing based on business criteria, and other quantitative location-based data.
With the map floorplan, users can:
- Quickly access geospatial and business data from the field.
- Search for business objects.
- See an overview of business objects and their locations.
- Quickly access previews of business objects.
- Get directions to business objects from their current location.
- Show and hide different map view and feature layers.
- Use the map floorplan if you have location-based dataset where the user needs to access tracking or routing information, monitor business objects, or visualize relationships between business objects.
- Do not use the map floorplan when solely providing a map preview within an application.
- Do not use the map floorplan for non-location-based objects; use the list report floorplan instead.
- Do not use the map floorplan when the primary goal of a screen is to complete a task, rather than looking at the locations of multiple objects.
A. Map Search
Search is an optional component found on the top-left corner of the map.
There are two types of Search panels: one with a list of business objects displayed, and one with only the Search bar. When using the Search panel with the list, the items should be presented as object cells, and the list can be filtered. Please refer to the object cell and filter guidelines for more details.
B. Floating toolbar
The floating toolbar appears at the top-right corner of the map floorplan. It contains buttons for performing actions relevant to the current view or the content within it, such as:
B1: Map Settings (Provided as Default)
B2: Current Position (Provided as Default)
B3: Clear screen (Provided as Default)
B4: Map Legend (Optional)
B5: Zoom extents (Optional)
B2. Current Position
Current position displays the user’s real-time location when s/he taps the button while the device’s GPS setting is turned on. The user’s current location is highlighted on the map. There are two states of the current position icon: on and off.
B3. Show/Hide Panels
Tapping this button will move all panels (including the search box) off the screen. Tapping the button again will return the panels to their previous positions.
C. Map Markers
Map markers typically represent either single or multiple business object(s) on a map. They can be represented using points, polylines, or polygons.
Points are used to represent one or more business objects at a specific location. Point markers can be shown with Icons, images, numbers, and letters to give additional information about the business object.
Polylines can represent linear assets, such as pipelines or water distribution networks.
Polygons are used to represent areas, such as functional locations or regional boundaries.
D. Detail Panel
When a user selects a marker on the map, a side panel will slide in from the left to reveal additional details.
This panel will display information about the selected business object such as general details, navigation information, analytics, quick actions, etc. This panel is constructed in a modularized fashion, so the specific combination of content types will vary across applications.
When designing the detail panel, please follow the section hierarchy defined below:
D1. Title (Mandatory)
Include the object’s name with an optional subtitle. Use tint color for the title when it’s possible to drill down further to see more details about the object.
D2. Additional Information
Use this section to display additional information about the object. Short strings of text, status icons, and system-generated tags may be used.
D3. Directions Button
A directions button with or without the address may be used.
D4. Actions Cell
Use this section to display quick actions related to the object.
The map floorplan is supported in both compact and regular widths, though the display of certain components will differ.