cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
AndrewGeddes
Helper II
Helper II

PowerApp - interactive diagrams with selectable areas

Hey everyone,

 

Would like some guidance or thought on an app where there is an interactive diagram or map. Users have to be able to select areas of the diagram or map which will present a rating field (choice selection). Based on that selection, there may be two more choice fields that are presented requiring more information from the user. Once entered, a series of approval flows kick off for their direct report an another user in their area.

 

This combined data, the marked data on the map and the approvals, must be saved in SharePoint for retention. Images or selections don't require saving, just the name of the area and what the user input.

 

Clear as mud?  Thanks folks!

 

Andrew

2 REPLIES 2
v-monli-msft
Community Support
Community Support

Hi @AndrewGeddes,

 

Below is a step by step guidance blog about about how to render address information on a map using PowerApps using SharePoint Online as the data source. 

https://bobbyschang.com/2016/07/05/maps-in-powerapps/

 

Here is the offical documentation about Displaying a Map using an Image Control in PowerApps and Bing Maps or Google Maps API:

https://powerapps.microsoft.com/en-us/blog/image-control-static-maps-api/

 

About the flow part, both are not mentioned, but you could achieve this in several ways. You could whether start the flow carrying the data you need from PowerApps, with a button click, following https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/using-logic-flows, or you could just create the flows with the related trigger. For example, if you use the same app to update SharePoint list, you could create a flow with the trigger "SharePoint-When an item is created".

 

Regards,

Mona

Community Support Team _ Mona Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
timl
Super User III
Super User III

Hi @AndrewGeddes

 

I don't think there's really a simple way to do this. In terms of building the 'hit areas' that users can click, one way to do this is to add shape controls (such as rectangles/circles) ontop of your diagram or map.

 

To make a shape control transparent, you can call the RGB function and set the opacity to 0. You can then add formula to the OnSelect property of the shape to set the value of a variable. You can then use this variable value to control the visibility of any additional data entry controls that you want to display.

 

PAMap.JPG

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

secondImage

Are Your Ready?

Test your skills now with the Cloud Skill Challenge.

Top Solution Authors
Top Kudoed Authors
Users online (86,717)