Skip to content

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:

    Design the event

  2. Configure the group in tab:

  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:

Result1

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:

Result2

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:

Result 3

Any questions left?

Ask the community


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


Last update: April 29, 2022