Implement IIoT Map node - Example¶
Example scenario¶
Create a flow with Map node.
Objective¶
To view the map in the Visual Flow Creator Dashboard with given coordinates.
Procedure¶
-
Design the event flow as shown below:
-
Configure the group in tab:
- IIoT map node To understand group and tabs configuration, see Dashboard working layouts.
- Edit IIoT map node properties:
- Group: Location [IIoT Map]
- Label: map
- Longitude: 8.352164
- Latitude: 49.027324
- Zoom level: 15
Note
- To drag the map in the dashboard, check "Draggable".
- To set the coordinates to current location, click "Use current location".
- Save the flow.
Result 1¶
Open the dashboard to display the result as per the coordinates set in IIoT map node:
Change zoom level using inject node¶
Edit the "Inject_zoom" node property and enter the below JSON code to change the zoom level:
{
"zoomLevel": 8
}
Save the flow.
Result 2¶
Open the dashboard to display the result as per the zoom level set in Inject_zoom node:
Change zoom level and coordinates using inject node¶
Edit the "Inject_coordinates" node property and enter the below JSON code to change the zoom level and coordinates:
{
"latitude": -30,
"longitude": 20,
"zoomLevel": 5
}
Save the flow.
Result 3¶
Open the dashboard to display the result as per the zoom level and coordinates set in Inject_coordinates node:
Last update: May 3, 2023