如何在图像映射中组合热点?

时间:2012-03-06 10:53:23

标签: javascript jquery html imagemap

我创建了一个包含各种热点的图像映射,并与每个热点相关联。其中一个热点是不连续的 - 阿拉斯加和美国大陆在世界地图上。有没有办法在一个热点中包含两组独立的坐标?

我使用David Lynch的Jquery maphilight插件突出显示鼠标悬停时的热点。 maplight插件中是否有一种方法可以将两个区域组合在一个热点中,并将它们分配给单个href中的链接?

maphilight插件是最佳解决方案吗?还有另一个插件允许我在同一区域组合不连续的poligons吗?

这是我的图片地图代码:

    <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>

1 个答案:

答案 0 :(得分:2)

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

这是非常好的文件记录,作者不遗余力地帮助我解决我遇到的一些问题。

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

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