JS地圖區域

Question

下午，

我有一個要求，有一個互動地圖，您可以在區域（大洋洲，東亞&東南亞，南亞等）懸停，有一個「工具提示」或帶有一些信息的「hoverbox」，然後單擊並重定向到區域頁面。

我開始尋找Google Visualization GeoChart，意圖劫持點擊事件，但您只能選擇國家而不是地區。

任何建議的JS庫等？

非常感謝。

Answer 1

我結束了使用http://jvectormap.owl-hollow.net/和重寫onLabelShow,oRegionOver,onRegionOut和onRegionClick方法。非常簡單和優雅的插件。

Answer 2

那麼一種方法是將地圖設置爲div的背景圖像，並使用CSS匹配其尺寸。然後在該div上註冊一個鼠標移動偵聽器。現在，每當鼠標移動時檢查其座標，並使用該數字確定哪個區域位於其下。

現在解決第二個問題會很有趣。如何存儲不規則形狀的尺寸。那麼一種方法可能會將圖像劃分爲網格，可能是一個像素厚或多個像素，這取決於您需要多少準確性。然後將其存儲爲一個數組，如（0 =>（1，5），1 =>（0，6），...）。在這種情況下，它表示，對於行0，區域從列1開始並在列5結束。在行1上，區域從列0開始並結束於6;等等。

我希望這是有道理的。