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 http://www.webdesign-flash.ro/p/mgz/index.html.

<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="#">
</map>

Open in new window


Has anyone come across a plugin that can do this?
sanjshah12Asked:
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.
0
 
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.
0
 
sanjshah12Author Commented:
I don't think that would work as that plgin looks specfically for maps.
0
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.
0
 
Juana VillaFront-end DeveloperCommented:
0
 
sanjshah12Author Commented:
Many thanks Juana, I like that but am not sure how practical this could be, my floor plans look the link.

https://www.dropbox.com/s/pmhblkyvidjjrli/SamplePlan.jpg?dl=0
1
 
sanjshah12Author Commented:
Hi Juana,

actually I have all of these previously.

I think I can make ImageMapster work.

Regards,
1
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.