如何使用jQuery創建動態交互式圖像映射？

Question

因此，我正在使用ASP.NET MVC構建的.Net框架，如何創建一個動態的，交互式的Web 2.0風格的圖像映射？例如，在世界地圖上，如果您將鼠標懸停在某個國家/地區上，則選定的國家/地區將突出顯示，並且工具提示會顯示各種信息，如果您單擊該國家/地區，則會顯示該國家/地區的詳細信息頁面。

Answer 1

那麼，我下面的答案是不使用jQuery，但使用基於Flash的地圖。

在我上一個項目中，客戶端要求之一是顯示世界地圖，當鼠標懸停在該國家時顯示的工作臺信息數量。嘗試了一些地圖解決方案後，我們都同意使用ammap。

ammap是安靜易於使用和定製。沒有許可證密鑰，它將顯示一個鏈接到ammap網站。你可以爲每個區域添加任何你想要的文字。區域可以是一個預定的國家，或者你可以定義它，例如創建一個新的小說島嶼和國家。可以使用熱圖將地圖着色，或從大陸向下鑽取到國家。該文檔涵蓋了幾乎所有的配置可能性，您還可以從包含的示例中學習技巧。

Answer 2

的jQuery的maphilight將完全滿足您的需求，我認爲：

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

一個很好的提示，你將不得不自己添加，但也有對於很多其他插件。

Answer 3

我在這樣一個插件jVectorMap上工作。你可以在這裏查看jvectormap.owl-hollow.net。