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效果很好）获取县级地图。