如何在地圖定義的某個區域內有鏈接的網頁上繪製地圖？

Question

我需要在網頁中放置地圖，當用戶點擊地圖上的城市範圍內的某個區域時，用戶將被重定向。

這是不使用Flash的最佳方式？

• 定義圖像上的懸停polingons。
• 瀏覽器上的SVG。
• 某種Javascript，jQuery的神奇插件嗎？
• Google地圖？

而示例可能是this但它是閃存。

Answer 1

您應該檢查這個jQuery插件，我認爲這正是你所需要的

http://plugins.jquery.com/project/maphilight

Answer 2

那麼，對於基本的功能，一個好的酒吧客戶端圖像映射（http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6.1）將很好地完成這項工作。

雖然我不確定是否有任何內置方式讓他們顯示懸停行爲。光標肯定會改變，但我不認爲你可以設計<area>元素。

使用Google地圖：您正在尋找的是KML（http://code.google.com/apis/kml/documentation/whatiskml.html）。

Answer 3

您可以使用HTML地圖標記。

http://www.w3schools.com/tags/tag_map.asp