Get a free trial // Grow your CSS skills // Land your dream job

Raphael js map with list of countries / states

  • # December 13, 2012 at 7:34 pm


    I’m just starting out with jquery and raphael, I’ve tried to find something similair to what I’m after, but have been unable to do so. What I want to do is have a map of a country, the states should change colour on hover. I’ve gotten that far using raphael js and jquery: (by the way the state names are wrong, it was just a quick mock-up)

    What I’d also like is to have a list of the states underneath, and if you hover over the state name the corresponding state on the map would also change colour – as if you were hovering over it.

    If anyone could point me in the right direction, that would be greatly appreciated!

    # June 26, 2015 at 2:09 am

    Hi- How to make it map as responsive.

    now i created US map for 550px, but i can able to see only half of the map.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed