Geek asks and answers

How to create a floor plan using HTML maps

I looked at this site, I found it useful for understanding / viewing the map:

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

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

This is their way / tool, so I can make a floor plan in the same way as the backend, for example, I upload an image of the floor plan and then point to different areas and finally create something like HTML code for the maps. and I show it on the interface.

Any help would be greatly appreciated.

+3
source share
3 answers

If you work with image maps, I would advise you to take a look at the ImageMapster jQuery plugin , it can really help with many image manipulation tasks.

+3
source

I suggest http://www.maschek.hu/imagemap/imgmap for creating image maps by tracking images. I used it on a real estate site with great effect. However, this is due to a third party.

+1
source

Check out my online image map maker !

This is an old test from me, but it still works.

+1
source

More articles:


All Articles