Implement IIoT Map node¶

To view the map in the Visual Flow Creator Dashboard with given coordinates, follow these steps:

1. From the node palette, drag and drop the following nodes from the respective palette to the working area.

   • Two inject node
   • IIoT map node
   • Debug node

2. Connect the nodes in a flow as shown below:

   

3. Double click on "inject" node to edit the properties. For more information, refer to Editing nodes.

4. Double click on the IIoT map node to edit the 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".

5. Save and execute the flow.

Open the dashboard to display the result as per the coordinates set in IIoT map node:

Change zoom level using inject node

To change the zoom level using the inject node, follow these steps:

1. Edit the "Inject_zoom" node property and enter the below JSON code to change the zoom level:

       {
           "zoomLevel": 8
       }
   

2. Save the flow.

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

To change the zoom level and coordinates using the inject node, follow these steps:

1. 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
       }
   

2. Save the flow.

Open the dashboard to display the result according to the zoom level and coordinates set in the "Inject_coordinates" node: