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

【问题标题】：How to create Floor Plan using HTML maps如何使用 HTML 地图创建平面图
【发布时间】：2012-05-16 12:39:33
【问题描述】：

我浏览了这个网站，我发现它对理解/查看楼层地图很有帮助：

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

他们有什么方法/工具，这样我就可以设法从后端类似地制作平面图，就像我上传平面图的图像，然后指出不同的区域，最后它会为地图创建类似 HTML 代码的东西。我在前端展示它。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

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

【讨论】：

我查看了它，它似乎非常有用......我正在考虑集成它，只是等待其他一些工具（如果其他人建议）。否则我会勾选你的答案。感谢您的建议@Dane Soul
我自己使用了 ImageMapster，并且喜欢它的工作原理。此外，该插件的开发人员在 StackOverflow 上，他会提供帮助，如果您遇到一些特定任务（我在 2 个图像映射的双向同步方面遇到问题），您自己无法解决。

【解决方案2】：

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

【讨论】：

【解决方案3】：

查看my online image map creator！

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

【讨论】：