如何在图像地图中组合热点

How to combine hotspot in an image map?

本文关键字：组合 热点 地图 图像      更新时间：2023-09-26

我创建了一个带有各种热点的图像地图，并将每个热点关联一个链接。其中一个热点是令人不安的——世界地图上的阿拉斯加和美国大陆。有没有办法在一个热点中包含两组独立的坐标？

我使用David Lynch的Jquery maphilight插件来突出鼠标悬停上的热点。在maplight插件中有没有一种方法可以将这两个区域组合在一个热点中，并将它们分配给一个href中的链接？

maphilight插件是最好的解决方案吗？有没有另一个插件可以让我在同一个区域组合不连续的多边形？

这是我的图像地图代码：

    <map name="world"> 
    <area shape="poly" id="alaska" coords="2,20, 14,16, 15,12, 16,10, 21,7, 36,5, 29,15, 32,19, 28,21, 20,15, 11,19, 2,22" href="unitedstates.html" alt="usa" /> 
    <area shape="poly" id="usa" coords="30,27, 62,27, 75,27, 65,36, 58,43, 58,48, 57,44, 52,43, 47,43, 46,46, 43,50, 26,41, 25,34" href="unitedstates.html" alt="usa" /> 
    </map>

我使用ImageMapster插件管理了一些类似的东西-http://www.outsharked.com/imagemapster/

它有很好的记录，作者尽力帮助我解决了我遇到的一些问题。

要使分组工作，您需要设置includeKeys。看看美国地图演示，看看夏威夷。

http://www.outsharked.com/imagemapster/examples/usa.html

相关文章：