替代在复杂多边形上使用图像映射

Question

我必须创建一个非常复杂的地图，它被分成几块，每块都是相当复杂的多边形结构。这些是作为透明的PNG给我的。显然，我不能只使用矩形PNG本身来定义每个鼠标敏感区域。

我想到的第一件也是最后一件事是使用Image-Maps。

但在我走这条路之前，我想问一下是否有人能想到更现代的解决方案？

浏览器支持要求是IE＆gt; = 7，FF＆gt; = 3，较新的Chrome＆amp;歌剧。因此，使用CANVAS可能不是一种选择。

Answer 1

SVG将是一个不错的选择，有插件可以为古老的IE版本添加兼容性。地图没有什么问题，只要确保链接的位置非常清楚，因为状态栏没有像普通链接那样的信息。

Answer 2

在设计网络文档时，您应该始终选择接近表达 intent 的内容，以便您的文档最适合您没有想到的用例。

图像地图完全适合在地图图像上放置链接。 <canvas>使您的文档不易解释。 SVG将是一个合理的选择，如果它很好地适合您的数据，但实现不如图像映射。

Answer 3

IE7不会做SVG或Canvas（除非你喜欢Bradshaw先生指出的插件），虽然VML可能在那里工作，但这是一个泥潭。你可以使用一些javascript在mousemove上计算point-in-polygon。但实际上，图像映射（客户端或服务器端）可能是最简单的方法。