HTML图像地图,可选择区域触发弹出内容



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

上一次我使用标签并为多边形创建标签来实现这一点。这当然有效,并且仍然支持html,即使在HTML5中也是如此。问题是,这仍然是一个很好的方式去进行图像映射吗?或者我应该放弃这个方向,转而使用Canvas或SVG技术?

有几个因素与该决定有关:

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

坦率地说,使用这个标签感觉真的很老套、过时、肮脏。但是,老实说,就我的情况而言,这似乎是最合适的解决方案。每个人都是怎么想的?

欢迎任何反馈,

谢谢,Craig

对于您的需求,我认为最好的套件是SVG。通过一些变通,您可以使用一直以来最受欢迎的带有SVG的jQuery,并快速构建很酷的东西。我能够在两周内开发出一个带有SVG地图的影院订票工具。

同样,现在每个人都需要移动设备上的每一件东西,而它在移动设备上工作却毫不费力。

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

最新更新