Search code examples
phpjavascriptimagemap

How to create Floor Plan using HTML maps

I went through this website, i found it really helpful in understanding/viewing floor map :

http://www.mouseonhouse.com/property/45/8708/

I wanted to make something like this. How can i manage the floor plan dynamically from backend? If you look into the link that i pasted above, you will find an image for floor plan on right side and you will notice that you can see the detail image of any part in floor plan by clicking into it. I know they use the HTML maps and areas to implement this concept.

Is their any way/tool so that i can manage to make floor plan similarly from backend, like i upload an image of floor plan and then point out different areas and finally it creates something like HTML code for maps. and i show it on front-end.

Any help would be much appreciated.

Solution

  • If you work with image maps, I'd advice you to look at ImageMapster JQuery plugin, it can realy help with many image-map manipulation tasks.