8 Powerful jQuery Image Map Plugins

Unlimited Downloads : 300,000+ Design Assets

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.

jquery-image-map-plugins-2

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!

jquery-image-map-plugins-3

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-image-map-plugins-4

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-image-map-plugins-5

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!

jquery-map

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.

jquery-image-map-plugins-7


1 Comments

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked