Responsive bootstrap themes and plugins Directions/Hotspot Map – Powerful Annotations and Tooltips

Hotspot Map – Powerful Annotations and Tooltips

Posted on: December 20, 2015
Type: JavaScript JS, HTML, CSS
Posted under: Maps Directions
Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
Layouts: N/A
High Resolution: No
Documentation: Yes

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!


One of the most powerful features of this plugin is the editor that it comes with. You don’t need to manually specify coordinates and dimensions of each spot on the image. It’s all visual – click to add a spot, or click and drag to draw a rectangle. Then dial the settings, click “Generate” and you will see a preview of the final result!

Different kinds of spots

Using the editor you can create four different types of spots – a simple circular “spot” with fixed width and height, a rectangular one for which you choose the dimensions, or an invisible version of each one.

Popup boxes

This plugin is built from the ground up with flexibility in mind. For each individual popup box you can specify a fixed or fluid width, and a position of the box – top, bottom, left or right. All this gives you a lot of flexibility to build exactly what you need!

Share this page?..
twitter Share on Google+

Recently Added View All

Interactive Maps Generator
Maps Directions Live Demo Read More
Interactive SVG USA Map
Maps Directions Live Demo Read More
jQuery Interactive SVG Map Plugin
Maps Directions Live Demo Read More
Gs Google Maps Directions
Maps Directions Live Demo Read More