cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Helper IV
Helper IV

Regional image map that sets a fields value

I want to use a map in a Power App that has 4 regions. When a user clicks on a region, I want a value to be set on the form.  Is this possible? I want to use an image map with 4 clickable areas.  

 

Thanks for any help on this.

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Frequent Visitor

Re: Regional image map that sets a fields value

@ahhollan I would most likely use a gallery or buttons layered on top of the map image in order to achieve the "click" action. Then you will need a variable value to set when the area is clicked. Let me know if this gives you the direction you need? 

View solution in original post

3 REPLIES 3
Highlighted
Impactful Individual
Impactful Individual

Re: Regional image map that sets a fields value

Is the value you populating on the form in addition to the field you would be using to display the map or is it the same field?

---
If this post has answered your question please consider it for "Accept as Solution" or if it has been helpful give it a "Thumbs Up".
Highlighted
Frequent Visitor

Re: Regional image map that sets a fields value

@ahhollan I would most likely use a gallery or buttons layered on top of the map image in order to achieve the "click" action. Then you will need a variable value to set when the area is clicked. Let me know if this gives you the direction you need? 

View solution in original post

Highlighted
Power Apps
Power Apps

Re: Regional image map that sets a fields value

If the map image is static with no data to show, you can use the button overlay approach. 

 

If the regions are dynamic , map can be zoomedm has pins or custom visualizations, azure map can be used. On the event you can send values back via bound properties or have a button inside control to confirm before sending. 

 

https://azuremapscodesamples.azurewebsites.net/

 

 

MapEvents.png

You can find some sampels at - https://pcf.gallery/

 

D3 maps can also be explored -  https://observablehq.com/@d3/gallery

 

D3Maps.png

 

Hemant 

Helpful resources

Announcements
secondImage

Demo-Extravaganza 2020

Check out these cool Power Apps & vote on your favorite!

secondImage

Community Highlights

Check out whats happening in Power Apps

secondImage

Community User Group Member Badges

FIll out a quick form to claim your community user group member badge today!

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Users online (10,782)