点击获取全部<area>元素鼠标是基于坐标

Question

我正在使用jquery maphilight插件，并在我的图像映射上有大量（数百个）重叠元素。我注意到，当鼠标悬停在图像映射上时，maphilight将突出显示它为这些坐标找到的第一个元素，因此重叠可能成为问题。

我期望能够点击某处的图像映射并让maphilight（或外部函数）返回所有元素的数组，而不仅仅是第一个元素。

对如何解决这个问题有任何想法。为了简化，当我点击一个点时，我正在寻找maphilight来获取该区域（因为它已经做到了），但是将其添加到一个数组中并继续从同一坐标中寻找其他区域。不只是回到我找到并停止的第一个区域。

Answer 1

您可能需要查看向量。使用正常的元素/ div /图像会很复杂。这里有一个很好的例子，使用jQuery，他们创建了一个字地图http://jvectormap.com/他们制作了一个完全交互式的地图。另一个很好的例子是svg，但这可能相当复杂http://keith-wood.name/svg.html

希望这个帮助是你走向正确的方向。