An image map is a graphical object where portions of the image act as links. With these plugins, you can not only create an image map, but also an alternate representation that can be used by non-visual browsers. So here are 7 jQuery plugins for decorating image maps (highlights, select areas, tooltips).
ImageMapster
ImageMapster activates the areas in HTML imagemaps so you can highlight and select them. It has lots of other features for manual control, tooltips, resizing, and more.
Hotspot Map
Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you!
Smooth Zoom Pan
This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps.
jQuery Map Marker Plugin
This plugin makes it easy to put multiple markers on Map using Google Map API V3. Map Marker is very useful when you have a list of data & you want to show all of them on Map too.
jQuery Geo – a JavaScript mapping API
jQuery Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a web page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help!
rwdImageMaps
Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize.
Hi, you can also check out this free image map solution.
Demo: http://demo.annytab.se
Source: http://www.all-templates.biz/web-programming/web-design/image-map/
Thank you for sharing this