The “Maps” control is used to display one or more locations within a “Visual Interaction Template” and these locations are dynamically displayed from a “Thing” data attribute which stores latitude and longitude coordinate data.
Properties
- Title: Enter a label for your map within this field to help you identify the map (e.g. ‘Item Trace Route’)
- Map Type: This field allows you to select the styling of the map. Select “Polyline” to display a map where the location markers on the map are connected with a line to represent movement or route or select “Markers” to display a map with individual location markers not connected with lines.
- Height: Set the map area height in pixels within this field (e.g. ‘400’)
- Width: Set the map area width in pixels within this field (e.g. ‘650’)
- Data Mapping: This section contains the properties that enable you to connect the map control to a data source.
- Source: Select the source for the data that will be displayed by the maps control. Select “Entity Information” in order to connect the control and source the data directly from a “Thing” or “Entity Instance” created within the system. Alternatively, select “Custom Get API” to connect the maps control via a “Custom API Flow” created within the system.
- Map Markers Array: Specify the attribute name and path which stores the location information log that will be displayed as map markers (e.g. ‘data.map.logs’)
- Latitude Key: Specify the attribute key and path for the Latitude marker (e.g. ‘data.map.logs.latitude’)
- Longitude Key: Specify the attribute key and path for the Longitude marker (e.g. ‘data.map.logs.longitude’)
- Click the “Submit” button to save your changes.