Clickable United States Map for mail page?

[LilleyPadGifts]

Anyone ever make a clickable United States map so the customer can click on a particular state and it takes them to a page setup for that state ?

[web-project]

possible to do it via image map, so every part of image/state will have link to specific page or alternatively a few map available and possible to do modification to archive the task. I personally haven't seen any ready made module for it but it can be developed.

[swguy]

This one looks kind of cool.

https://www.createaclickablemap.com/

[LilleyPadGifts]

That’s awesome! Thank you!!

[swguy]

Please post back and show us what you build!

[LilleyPadGifts]

I will if I end up getting more sites to make to help out our farmers during the pandemic.

[LilleyPadGifts]

Hey Guys, I'm trying to test out the map but can't get it to work. I paste the code in and nothing happens. I know its not Zen related but can anyone help me get it set up right? I'm just trying to test it on a blank page.
Thanks!

[swguy]

Please post a URL showing what you have done so far.

[LilleyPadGifts]

Please post a URL showing what you have done so far.

I don't have anything to show.
Its supposed to be on a web page.
I have the code for the map I created on that site, but it doesn't show up when used in a web page.

Here's the code:

<iframe src="https://createaclickablemap.com/map.php?&id=91741&maplocation=false&online=true" width="900" height="525" style="       border: none;"></iframe>
<script>if (window.addEventListener){ window.addEventListener("message", function(event) { if(event.data.length >= 22) { if( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } else if (window.attachEvent){ window.attachEvent("message", function(event) { if( event.data.length >= 22) { if ( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } </script>

[davewest]

I don't have anything to show.
Its supposed to be on a web page.
I have the code for the map I created on that site, but it doesn't show up when used in a web page.

Script calls home to load the map so you need internet connection for it to work. The map is using Mootools which if you are also running jQuery may have a conflict, not sure on that, been a long time seance I used Mootools..
The map is not a standard image map but SVG stacking which responds well without script as an image map so I'm a bit lost as to the Mootools..