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¶
-
Design the event flow as shown below:
-
Configure the group in tab:
- MDSP map node To understand group and tabs configuration, see Dashboard working layouts.
- 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".
- 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?
Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.