0

我正在搜索一些提供者或框架或可以提供如下地图的东西:http ://www.skiresort.de/skigebiete/europa/oesterreich/

我可以看到这个页面上有不同的图像,所以当你将鼠标悬停在一个国家上时,整个图像都会改变。此外,他们还使用“地图”htmltag 来指定悬停区域。

我想知道他们是否手工绘制多边形,或者是否有一些工具,正如我所说的,一些框架或其他东西。

我只搜索奥地利的数据。感谢您的帮助,对不起,我从来没有做过这样的事情

我在 SO 上搜索了一些帖子,比如 ArcGIS,我认为这对于我需要的东西来说太复杂了,我真的只需要像上面的例子一样,所以我需要的是一张奥地利的地图,他们的国家和某种地图数据。

4

2 回答 2

1

听起来主要问题是在哪里可以获得奥地利的免费边界数据。公共领域地图数据的两个很好的来源:

事实上,看起来您需要的所有图像都可以在这里找到:http ://commons.wikimedia.org/wiki/Atlas_of_Austria - 已经为您突出显示了不同的州。这些是 SVG 文件,因此您可以在 Illustrator 或 Inkscape 中打开它们并根据需要更改颜色。

在那之后,我同意 Brian 的观点:可能没有一个应用程序可以轻松地为您创建图像映射,因此您需要手动完成。Fireworks 或 ImageReady 是用于此目的的标准工具,并且都应该提供一个 UI 以按照您想要的方式进行翻转。您可能希望将所有高光放在一张图像中并使用CSS Sprite方法 - 这是使地图快速响应的好方法。

于 2011-02-20T17:21:40.010 回答
1

<map>元素指的是 ImageMap,而不是地理地图。图像映射背后的想法是您拥有一张图像,并且您希望图像的不同区域可点击。因此,您使用坐标来定义可点击区域(每个区域都有自己的<area>标签),然后为您定义的区域提供 URI。

当您使用<img>标签指定图像时,您设置usemap属性以指定适用于图像的地图定义。

有在线工具以及流行的网页设计和图形程序,您可以使用它们来创建图像地图。Adobe Fireworks 提供了一个相对直观的界面来创建图像映射。我不确定是否有任何其他程序,但我相信你能找到适合你的东西。

于 2011-02-11T18:00:33.563 回答