Utilizing a clickable US State Map to navigate

I have an education app that I am building and have built out info pages for each state. I currently use a dropdown list and search bar to navigate to the state that a user is looking at, but would like to have a map on my homepage that is clickable that navigates to the state info page. I have an HTML map that I can use, but I can't seem to create navigation at the individual state level since it is one big HTML map.

Does anyone have any ideas on how to get this to work? I can recode the map and break it into 50 different containers if needed, but i figured there must be a better way.

Any help would be really appreciated.

Thanks

1 Like

Hi there @Ben_Roberts, and welcome to the forum!

I recently developed a custom component which uses Google Maps javascript api, so it baiscally let's you interact with and draw lines in a google maps and pass the info to and from a retool app.

I have the repo here

I've been wanting to do a Youtube tutorial for those who have never done a retool custom component before, but haven't really actually had the time for it.

This custom component would definitely allow you have something that looks like this:

I'm currently on holidays (haha what a freak that looks at the forum on holidays, rihgt???) but if this can wait after the 20th, I'm happy to hop into a call and guide you through it

1 Like