Skip to content

Maps

The Map component is used to represent geographical information.

Usage

A map provides location aware context and helps users to understand the spatial relationship between a specific point, like a site or building and other landmarks,

Interactive maps allow users to select, pan and zoom to obtain further information.

Map

When to use

  • Use it when users need to manage a large amount of locations that are geographically dispersed.
  • Use it to provide an overview about the current status of all the locations.
  • Use it to help users better understand the surrounding environment of a specific location like a site or building.
  • Maps are particularly useful for users that need to physically visit a location, such as facility managers.

Best Practices for Maps

  • Maps require a large amount of screen space to be readable. If space is limited, provide options to collapse/expand or hide it.
  • If a specific location is not the main focus of the information being displayed, using a map for representation might not be required, since it doesn't provide any additional benefit to the user. Using a textual representation to display a location's address is more efficient.
  • Try to limit the number of map actions, like zoom and find my location to 5.

Except where otherwise noted, content on this site is licensed under MIT License.