CSS交互式地圖 - 重疊縣懸停改變顏色

Question

我被要求創建一個英國地圖，描繪縣。一旦縣徘徊，它們會改變顏色，點擊它們進入中間頁面。 Flash也不是一種選擇。

通常這不會是一個問題，但由於縣的形狀奇怪，這些可以徘徊的地區將會相當重疊，這意味着任何縣被另一個縣的懸崖覆蓋不會是可以忍受的。

我知道我見過一個類似的事情沒有重疊問題的例子，但我根本找不到它。有沒有人有任何想法，我可以做到這一點，而不會重疊成爲最終用戶的大問題？

我沒有任何代碼顯示，因爲我還沒有開始工作，但我只是知道這將是一個頭痛的問題。我將要使用的地圖很可能與此相同：http://proofs10.issl.co.uk/images/contact-map.jpg，以及您是否可以看到是否將每個縣的元素疊加在一起，從而產生問題。

Answer 1

閃光燈不存在的問題，你唯一的其他選擇是JavaScript。我已經使用了jQuery插件：

http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/

的文檔是相當不錯的。一旦你掌握了它，這是一件輕而易舉的事情。祝你好運。

Answer 2

可能稍微有點矯枉過正，但OpenLayers是一個跨瀏覽器的JavaScript庫，可讓您在網頁上放置可縮放，可拖動的交互式地圖。元素可以在懸停時突出顯示，並在點擊時做點事情。如果您只需要固定地圖，則可以限制縮放和平移。

您必須以合適的矢量格式（GML效果很好）獲取縣級地圖。