Image Zoom with map

I currently use an image with a map as per below, however I am looking to extend this so that I can use this with an image zoomer similar to

<img src="ChangeView.png" alt="" width="545" height="706" usemap="#ChangeView"/>
<map name="ChangeView">
  <area shape="rect" coords="50,72,249,185" href="#" alt="">
  <area shape="rect" coords="295,74,495,185" href="#">
  <area shape="rect" coords="295,226,494,339" href="#">
  <area shape="rect" coords="51,227,249,338" href="#">
  <area shape="rect" coords="49,377,251,491" href="#">
  <area shape="rect" coords="295,378,496,492" href="#">
  <area shape="rect" coords="52,531,248,642" href="#">
  <area shape="rect" coords="295,531,495,642" href="#">

Open in new window

Has anyone come across a plugin that can do this?
Who is Participating?
Juana VillaConnect With a Mentor Front-end DeveloperCommented:
I found this Image Map Builder but it is 19dlls.

I also found this ImageMaps and this ImageMapster and both are free.

I think Image Mapster is the one you are looking for. You can show info on hover or click, zoom in and out, and highlight an area in any shape.
Juana VillaFront-end DeveloperCommented:
I think the most similar plug in to the one you are showing is this Mapsed. However, here it is a list of free interactive map plug ins that you might like.
sanjshah12Author Commented:
I don't think that would work as that plgin looks specfically for maps.
Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

sanjshah12Author Commented:
Many thanks for replying Juana,

This issue is I am using floor plans where using svg is not possible.
Juana VillaFront-end DeveloperCommented:
sanjshah12Author Commented:
Many thanks Juana, I like that but am not sure how practical this could be, my floor plans look the link.
sanjshah12Author Commented:
Hi Juana,

actually I have all of these previously.

I think I can make ImageMapster work.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.