Create A Map With Clickable Provinces/states Using SVG, HTML/CSS, ImageMap
Answer : jQuery plugin for decorating image maps (highlights, select areas, tooltips): http://www.outsharked.com/imagemapster/ Disclosure: I wrote it. Sounds like you want a simple imagemap, I'd recommend to not make it more complex than it needs to be. Here's an article on how to improve imagemaps with svg. It's very easy to do clickable regions in svg itself, just add some <a> elements around the shapes you want to have clickable. A couple of options if you need something more advanced: http://jqvmap.com/ http://jvectormap.com/ http://polymaps.org/ I think it's better to divide my answer to 2 parts: A -Create everything from scratch (using SVG, JavaScript, and HTML5): Create a new HTML5 page Create a new SVG file, each clickable area (province) should be a separate SVG Polygon in your SVG file, (I'm using Adobe Illustrator for creating SVG files but you can find many alternative software products too, for example Inkscape) Add mouseover and click events t...