2

我被要求制作一张英国地图,描绘各县。将县悬停后,它们会改变颜色,然后单击它们会转到中间页面。Flash 也不是一个选项。

通常这不是问题,但由于县的形状奇特,这些可以悬停的区域将非常重叠,这意味着任何被另一个县的悬垂覆盖的县都不能悬停。

知道我已经看到一个没有重叠问题的类似事情的例子,但我根本找不到它。有没有人对我如何在不重叠成为最终用户的大问题的情况下做到这一点有任何想法?

我没有任何代码可以显示,因为我还没有开始工作,我只知道这会很头疼。我将使用的地图很可能与这张地图相同: http: //proofs10.issl.co.uk/images/contact-map.jpg并且您可以看到我是否在每个县上覆盖了元素这会造成问题。

4

2 回答 2

2

没有问题,您唯一的其他选择是javascript。我使用了一个 jquery 插件:

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

文档非常好。一旦你掌握了它的窍门,那就轻而易举了。祝你好运。

于 2010-09-23T15:21:31.970 回答
1

可能有点矫枉过正,但 OpenLayers 是一个跨浏览器 JavaScript 库,可让您在网页上放置可缩放、可拖动的交互式地图。可以使元素在悬停时突出显示并在单击时执行某些操作。如果您只想要一个固定的地图,您可以限制缩放和平移。

您必须以合适的矢量格式获取您的县地图(GML 效果很好)。

于 2010-09-29T13:47:39.207 回答