什么是在地图上进行热点的好方法

时间:2011-03-25 14:53:36

标签: jquery html css

所以我有一张4个地点有4个引脚的美国地图。图像是png,当用户将鼠标悬停在其中一个引脚上时,我需要弹出一个悬停信息框。有这样做的标准方法吗?我正在网上看图像热点,但我不确定是否有人能指出我明确的方向......

5 个答案:

答案 0 :(得分:1)

它就像工具提示一样工作。绝对将DIV放置在要激活的地图区域上,并在鼠标悬停时连接工具提示事件。

有很多用于jQuery的脚本和插件已经可以实现。

答案 1 :(得分:0)

正如迪奥杜斯写的那样,只要在地图上放置“绝对”DIV。我记得HTML5中是否支持旧的MAP标记,但是也允许指定圆形和多边形区域。我仍然会去DIV解决方案。需要一点CSS知识,但一旦你做对了就很容易。

答案 2 :(得分:0)

使用image map(ala facebook tagging)在图像上使用两种方法absolute positioning和图层元素

Theres是一个可能感兴趣的JQuery插件。

<强> JQuery MapHilight Plugin

以下是自己做的教程,类似于facebook图片标记。

<强> Tutorial using divs

答案 3 :(得分:0)

将DIV放在屏幕上(我的偏好)或按照here所述使用Z-Index。在悬停时调整。

这是另一个很棒的例子:

click me

答案 4 :(得分:0)

有一个名为MobliyMap的新jQuery插件看起来很不错。这是demo page