Interactive Map

This topic describes properties for an interactive map layout.

The interactive map functionality is available in both coordinate and flexbox card layout types.

  1. Upload an image.
  2. Double-click the image areas where you want to create a marker.
  3. Select the marker you want to update.
  4. On the details panel, select +Add Marker State, and update the properties.
  5. Similarly update all markers on the image.
  6. You can also delete markers on the image.
If you selected an interactive map functionality for your layouts, then configure these details:
Field Name Description
Map Image Select Upload Image to browse and select an image. The option to upload an image is also available within the interactive map card layout.
Coordinates Enter these coordinates to position the image within the card. The value should be less than or equal to 99.
  • Top Offset: The margin between the top of the card and top of the image.
  • Left Side Offset: The margin between the left side of the card and left side of the image.

You can also set the coordinates by moving the image on the layout. The values in the text box are adjusted based on the set position.
Marker Type You can select one of the following options:
  • Shape
  • Image
Color If you selected Shape as the marker type, specify a fill color.
Shape If you selected Shape as the marker type, select one of the following options:
  • Round
  • Square
Marker Image If you selected Image as the marker type, upload an image for the marker.

For example, if the marker identifies the position of a radiator fan, you can upload the image of a fan instead of using a predefined round or square shape for the marker.
Size Enter the size to multiply the default size of the marker shape or image size.

For example, if you enter 2, the marker size is double the default size. By default, the value in this field is 1. The marker size can have a value greater than or equal to 100.
Label If you want a label to appear for the marker, then enter the label name.
Label Color Choose a color for the label text.
Data Label You can choose to pass the data to the interactive map using a query, global, formula, or enter the value manually.

For example, suppose the interactive map plots the temperature of various components of a car. For a marker that identifies the position of a radiator fan in a car, you can map the data label with the output of the query that retrieves the temperature of the fan. When you access the application, the temperature value retrieved from the query is displayed for the radiator fan.
Number Format
  • Use Raw Format: Select the check box to display numbers in raw format. For example, a numeric value with 5 or more decimal places is shown as it is, and not rounded off.
  • Number of decimals: This option appears if you do not want to display numbers in raw format.

    In that case, enter the decimal places (0-7) to consider after the decimal point to format large numbers. Based on the decimals, the value is rounded off to the nearest whole number.
Data Label Color Identifies the color and opacity of the data label.
Show/Hide Select +Add Conditions to create conditions that show or hide the interactive map.
BEHAVIOR You can set actions to be performed when a marker is selected.
  1. Select +Add.
  2. Select from the list of available actions for the marker.
Delete Marker Select the marker you want to delete, and select the Delete icon.