To build intuitive user interfaces, icons can be used in addition to textual descriptions. Therefore map.apps provides a variety of icons based on a webfont. These can be used in different ways through:

  • configuration of the iconClass property (for example on a toolset in app.json)

  • setting the iconClass property inside the manifest.json file for a custom bundle

  • adding the icon’s name as class attribute to an HTML element in a custom widget template

  • setting the content attribute accordingly for a custom HTML element

The Icon-Overview page provides a quick reference on the available icons, their names and their content attributes value.

In addition to the map.apps specific icons, the Material Design Icons can be used. map.apps provides additionally prepared css classes that can be used by adding "material-icon-" to the icons name. E.g. to use the icon "Sports Score" as toolIcon simply add iconClass: "material-icon-sports_score" in the tool’s configuration.

The bundle font-mapapps which is responsible for providing the web-font is loaded automatically with any map.apps layout theme.