How to integrate a clickable SVG map location selector with Memberstack using checkboxes? Answered
Hello,
On one of my websites I would like to let my customer chose where they would like to work with a clickable map.
Do you think that would be doable to get this info into Memberstack ?
I was thinking of using checkboxes with a svg for each state but Iām stuck š¢https://docs.memberstack.com/hc/en-us/articles/9060611644571-Checkbox-Groups
Comments
3 comments
Hey William de Broucker!
I just found this Codepen that should help you with getting this done.
You'll see there is an individual SVG for each state and when you click on a state, it chooses that option in the select on the top left. Likewise if you pick an option in the select, that state will be highlighted on the map.
You can do something similar to this and when someone chooses an option on your map, have it update their profile in Memberstack.
https://codepen.io/Chalkiope/pen/yEaOrY
Hey William de Broucker I used this site to create a US map and checked and they have a france map. Just set it up in the tool and then embed it on the site. Works for my use case - maybe that can help you? https://www.createaclickablemap.com/create-clickable-map-france.php?maplocation=france
Thanks a lot guys, let me have a look š
Please sign in to leave a comment.