Implement MDSP Map node - Example¶

Example scenario¶

Create a flow with MindSphere Map node.

Objective¶

To view the map in the Visual Flow Creator Dashboard with given coordinates.

Procedure¶

1. Design the event flow as shown below:

   

2. Configure the group in tab:

   • MDSP map node To understand group and tabs configuration, see Dashboard working layouts.
3. Edit MDSP map node properties:
   • Group: Location [MDSP 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".
4. Save the flow.

Result 1¶

Open the dashboard to display the result as per the coordinates set in MDSP 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:

Any questions left?

Ask the community

Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.