I’ve built a SVG map of the united states based on an article by Chris Coyier but I am having a hard time extending it so that the states are clickable and take you to the matching href. Each state in the map has an id that matches up with the UL list of states underneath. In my version I have added anchor tags to each state name under the map:
<li data-state="AL" class=""><a href="/locations/alabama">Alabama</a></li>
I know i can put anchors in the svg code, but the list is generated with a CMS with the pages filled in. Its easier to manage this way.