如何使用HTML地图创建平面图

时间:2012-05-16 12:39:34

标签: php javascript imagemap

我浏览了这个网站,发现它对理解/查看楼层地图非常有帮助:

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

我想做这样的事情。如何从后端动态管理楼层平面图?如果您查看我上面粘贴的链接,您会在右侧找到平面图的图像,您会发现通过单击它可以看到平面图中任何部分的详细图像。我知道他们使用HTML地图和区域来实现这个概念。

是他们的任何方式/工具,以便我可以设法从后端制作平面图,就像我上传平面图的图像,然后指出不同的区域,最后它创建像地图的HTML代码。我把它展示在前端。

非常感谢任何帮助。

3 个答案:

答案 0 :(得分:3)

如果您使用图像地图,我建议您查看ImageMapster JQuery plugin,它可以帮助解决许多图像映射操作任务。

答案 1 :(得分:1)

我建议http://www.maschek.hu/imagemap/imgmap通过跟踪图片来创建图像地图。我在房地产网站上使用它效果很好。这确实涉及第三方。

答案 2 :(得分:1)

查看my online image map creator

这是我的一项旧考试,但仍有效。