带有可选区域的HTML图像映射，用于触发弹出内容

Question

自从我不得不进行图像映射已经很久了！可能就像4 - 5年。

我最后一次使用标签为多边形形状创建标签。这当然有效，并且仍然支持html，即使在HTML5中也是如此。问题是，这仍然是图像映射的好方法吗？或者我应该废弃这个方向并且目标是使用Canvas或SVG技术吗？

决定有几个因素：

• 客户端使用IE7，因此解决方案必须与IE7和IE8一起使用，因此我想不使用SVG或Canvas，我想使用旧的学校地图标签会更容易，至少它会很容易地工作所有平台。
• 地图有相当自定义的样式（在边缘间隙的笔划周围也是如此）
• 每个区域都有一个翻转状态，弹出窗口的内容对每个区域都是唯一的。这必须通过JS来实现。使用JS使用map标签与地图的DOM结构进行交互是否存在任何问题？
• 这不是必需的，但我会让地图对视口有所反应。

坦率地使用标签感觉真的很老，过时和肮脏。但是，说实话，这似乎是最合适的解决方案。每个人都在想什么？

欢迎任何反馈，

谢谢， 克雷格

Answer 1

根据您的要求，我认为最好的套件是SVG。通过一些工作，你可以利用所有时间最喜欢的jQuery和SVG，并快速建立很酷的东西。我能够在两周内在SVG地图上开发一个售票预订工具。

此外，现在每个人都需要移动设备上的所有东西，并且只需要不费力就可以在移动设备上运行。

尝试说服客户升级IE，这对您最有帮助。一切顺利。