svgmappingimagemapjquery-svg

Create a map with clickable provinces/states using SVG, HTML/CSS, ImageMap


I am trying to create an interactive map where users can click on different provinces in the map to get info specific to that province.

Example:

So far I've only found solutions that have limited functionality. I've only really searched for this using an SVG file, but I would be open to other file types if it is possible.

If anyone knows of a fully functioning way to do this (jQuery plug-in, PHP script, vector images) or a tutorial on how to do it manually please do share.


Solution

  • jQuery plugin for decorating image maps (highlights, select areas, tooltips):

    http://www.outsharked.com/imagemapster/

    Disclosure: I wrote it.