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

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

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

    {

        "zoomLevel": 8

    }

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

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.

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