什麼是在地圖上做一個熱點的好方法

所以我有一個4個地點的4個針腳的美國地圖。該圖像是一個PNG，當用戶懸停在其中一個引腳上時，我需要彈出一個懸停信息框。有沒有這樣做的標準方式？我在網上閱讀圖像熱點，但我無法確定是否有人可以將我指向一個明確的方向...什麼是在地圖上做一個熱點的好方法

2011-03-25 Trace

它的工作原理就像一個工具提示。將DIV絕對放置在要激活的地圖區域上，並在鼠標懸停時連接工具提示事件。

有很多腳本和插件可用於jQuery已經這樣做。

2011-03-25 14:56:19

其中jquery插件有...我只找到MapHilight ..有沒有其他人 – Trace 2011-03-25 15:05:17

這與地圖無關。把它想象成帶有熱點的圖像。熱點觸發工具提示。看看這裏：http://docs.jquery.com/Plugins/tooltip – 2011-03-25 16:08:01

正如Diodeus寫道，只需在地圖上製作「絕對」DIV即可。我記得HTML5中是否支持舊的MAP標籤，但是也允許指定圓形和多邊形形狀的區域。儘管如此，我仍然會選擇DIV解決方案。需要一點CSS知識，但很容易，一旦你做對了。

2011-03-25 14:58:34 BerggreenDK

即使世界兩種方式來做到這一點，一個image map，並通過圖像分層元素使用absolute positioning（ALA Facebook的標記）

即使世界的jQuery插件，這可能是感興趣的。

及以下教程自己做，類同Facebook的圖片標記。

2011-03-25 15:00:38 Loktar

位置一個DIV或者關閉屏幕（我的偏好）或描述here與Z指數播放。在懸停時調整。

下面是另一個真棒例如：

2011-03-25 15:05:01 SQLMason

有一個稱爲MobliyMap一個新的jQuery插件，看起來不錯。這裏是demo page。

2011-03-25 15:46:01

回答