Basic Map HotSpot Demo

Map of Alaska by FreeVectorMaps.com

Purchase it from CodeCanyon

Update log (2 Jun, 2014), Version 1.2.5:

  • Add pulse border option for each pin, you can choose the pulse border (black/white) in the setting too. (Note: too many pulse animation may cause high CPU usage in Firefox, so please use it in need only).
  • Make the popup item in the backend sortable, you can drag them to re-order. It’s useful if the popup is in slideshow mode.

Update log (14 Feb, 2014), Version 1.2.3:

  • Update the pin position in responsive, make it more consistent and precise in small screen.

Update log (2 January, 2014)

  • Add custom pin icon support, now you can add a global custom icon in the setting.

Update log (21 October 13). sneak preview

  • Different icon for hotspot in same image.
  • Optional popover size, background and color.
  • Optional label under the icon.
  • Icon drop in animation.
  • Hyperlink with the icon.
  • Experiment YouTube video popover.
  • Don’t forget to check the hotspot map in a fullwidth page too.

Exist Features:

  1. Optional auto delay slideshow, enable or disable it easily in the WordPress backend.
  2. 4 directions of popover, can be in top, right, bottom and left.
  3. Draggable icons in the backend, let you update the hotspot’s position easily with mouse drag.
  4. Trigger the tooltip  when user click or mouseover.
  5. Responsive, you can try to resize the browser to see it in action. Works fine in the small screen device like iPhone or iPad.
  6. Unlimited tooltips support, multiple instance support in same WordPress page.
  7. Live preview in the backend.
  8. And more…

Screenshot of the backend (version 1.2):
v1.2setting

Trigger by click

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Great shot from http://dribbble.com/shots/343821-Isometric-Landscape

More HotSpots with Photo

 

Picture is from http://www.flickr.com/photos/ag2r/5331137661/