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

我已经很久没有做图像映射了！大概4-5年吧

上一次我使用标记并为多边形形状创建标记实现了这一点。这当然是可行的，而且仍然受到html的支持，即使在HTML5中也是如此。但问题是，这仍然是图像映射的好方法吗？或者我应该放弃这个方向，转而使用画布或SVG技术

关于这一决定，有几个因素：

• 客户端使用IE7，因此解决方案必须与IE7和IE8配合使用，因此我认为不使用SVG或Canvas，我想使用老式地图标签会更容易，至少它可以轻松地在所有平台上工作
• 地图有相当多的自定义样式（也有空白区域周围的笔划）
• 每个区域都有一个滚动状态，每个区域都有一个具有唯一内容的弹出窗口。这必须通过JS来实现。使用JS与使用map标记的map的DOM结构交互是否存在任何问题
• 这不是必需的，但我希望使地图对视口有一定的响应

坦率地说，使用标签让人感觉很老派、过时和肮脏。但是，老实说，对我来说，这似乎是最合适的解决方案。大家怎么想

欢迎任何反馈

谢谢，

---

Craig

对于您的需求，我认为最好的套件是SVG。通过一些变通方法，您可以将一直喜爱的jQuery与SVG结合起来使用，并快速构建一些很酷的东西。我能够在两周内开发一个带有SVG地图的影院售票工具

同样，现在每个人都需要手机上的每一件东西，而且它在手机上也可以毫不费力地工作

试着说服客户升级IE，这对你来说是最好的。祝你一切顺利