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


How to create Floor Plan using HTML maps

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

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

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

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

任何帮助将不胜感激。

如果您使用图像映射,我建议您查看ImageMapster JQuery插件,它可以真正帮助许多图像映射操作任务。

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

看看我的在线图像地图创建者!

这是我的一个旧测试,但仍然有效。