Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Hotspot Map - Powerful annotations and tooltips.

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Image Map Pro - jQuery Interactive Image Map Builder - CodeCanyon Item for Sale


Ad: Bluehost hosting

Image Map Pro – jQuery Plugin


  1. Advanced Drag-and-drop Editor
  2. Polygon, Icon, Rectangle and Ellipse Shapes
  3. 150 SVG Icons Included
  4. Tons of Style and Animation Options
  5. Customizable Mouseover and Click Actions
  6. Responsive and Optimized for Touchscreen
  7. Free Customer Support for 6 Months

Advanced Drag-and-drop Editor

Image Map Pro comes with a fully featured web app to quickly create, edit and export your image maps. Using the app is super easy and a step-by-step guide is also included!

Preview Mode

View the end result instantly while tweaking settings!


Standard feature for a desktop app, but rarely seen in a plugin editor!

Easy Export

The editor will show you an example page so you can clearly see where to put the generated code. Copy, paste and done!

Save and Load

With HTML5 Local Storage you can instantly save and load image maps, without database or a web server. Everything is done locally.

Polygon, Icon, Rectangle and Ellipse Shapes

Image Map Pro is the only plugin, which allows you to draw custom shapes. You can also use pins, custom icons, rectangles and ellipses.

150 SVG Icons Included

That’s right, 150 high-quality SVG icons bundled in the Editor. And if you still can’t find that special icon you need, you can also use your own image!

Tons of Style and Animation Options

With the Editor you can customize properties like opacity, fill, stroke and corner-radius to match the design of your site. You can also have separate styles on mouseover!

Customizable Mouseover and Click Actions

The shapes can be links! Tooltips can be made to appear on mouseover or click – whatever works best in your case. Or you can turn the tooltips off completely!

Responsive and Optimized for Touchscreen

Free Customer Support for 6 Months

We are here to help! If you have any issues installing or using our product, please send us a ticket and we will respond as soon as possible!

Submit Ticket

Change Log

2.1.1 – 07.01.2016

  • Improved support for multiple image maps on the same page.

2.1.0 – 05.01.2016

  • Added an option to only display a tooltip when you click a shape.
  • Improved support for touchscreen devices.
  • Improved support for multiple image maps on the same page.
  • Added documentation for deep linking.

2.0.2 – 04.01.2016

  • Fixed a bug that would prevent the image map from displaying if it’s set to responsive and its parent element is 0. For example, when the image is in a tab.

2.0.1 – 02.01.2016

  • Updated the documentation.
  • Minor bug fixes.

2.0 – 01.01.2016

  • In January 1 we released version 2.0 of the plugin, which is a complete rewrite!

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


7 August 12

Last Update:
8 January 16

High Resolution:

Compatible Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, annotation, box, hotspot, image, map, popup, spot, title, tooltip