地理地图数据与行动

Question

我正在搜索某些提供商或框架，或者可以提供类似此处的地图的内容：http://www.skiresort.de/skigebiete/europa/oesterreich/

我可以看到在此页面上有不同的图像，因此当您将鼠标悬停在一个国家/地区时，整个图像会发生变化。他们使用“map”htmltag来指定悬停区域。

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

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

我正在搜索SO上的一些帖子，比如ArcGIS，我觉得这很复杂，我需要的，我真的只需要像上面的例子一样，所以我需要的是奥地利的地图，以及他们的国家和某种mapdata。

Answer 1

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

使用<img>标记指定图像时，可以设置usemap属性以指定适用于图像的地图定义。

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

Answer 2

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

• http://www.naturalearthdata.com（很棒的数据集，但主要是SHP文件 - 如果没有GIS应用程序则不太有用）
• http://commons.wikimedia.org/wiki/Atlas_of_the_world（维基媒体共享世界地图集 - 各种格式的地图）

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

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