可以使用的地理地图数据
我正在搜索一些提供程序或框架或可以提供地图的东西，如下所示： http:// www.skiresort.de/skigebiete/europa/oesterreich/
我可以看到此页面上有不同的图像，因此当您将鼠标悬停在一个国家/地区时，整个图像都会发生变化。此外，他们使用“map”html标签来指定悬停区域。
我想知道他们是否用手绘制多边形，或者是否有某种工具，正如我所说的，某种框架之类的。
我只搜索奥地利的数据。感谢您的帮助，抱歉，我从来没有做过这样的事情
，我正在这里搜索一些帖子，例如ArcGIS，我认为这对于我需要的东西来说太复杂了，我真的只需要与上面的示例相同的东西，所以我确实需要这样做需要一张奥地利及其国家的地图和某种地图数据。
I´m searching some providers or frameworks or something that can deliver a map like here: http://www.skiresort.de/skigebiete/europa/oesterreich/
I can see that on this page there are different images, so when you hover over one country, the whole image changes. Futher they are using the "map" htmltag to specify the hover regions.
I wonder if they draw the polygons by hand or if there is some tool, as i said, some framework or something.
I´m searching for data only for austria. Thanks for any help and sorry, I never did something like this
I was searching some posts here on SO, like ArcGIS, I think thats to complicated for what i need, i realy just need the same like the example above, so exactly what i need is a map of austria, and their countries and some kind of mapdata.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
听起来主要问题是在哪里可以获得奥地利的免费边界数据。公共域地图数据的两个很好的来源：
事实上，看起来您需要的所有图像都可以在这里找到：http://commons.wikimedia.org/wiki/Atlas_of_Austria - 已经为您突出显示了不同的州。这些是 SVG 文件，因此您可以在 Illustrator 或 Inkscape 中打开它们并根据需要更改颜色。
之后，我同意 Brian 的观点：可能没有一个应用程序可以轻松地为您创建图像映射，因此您需要手动完成。 Fireworks 或 ImageReady 是执行此操作的标准工具，并且都应该提供用于按照您想要的方式进行翻转的 UI。您可能希望将所有亮点放在一张图像中并使用 CSS Sprite 方法 - 这是使地图快速响应的好方法。
It sounds like the main question is where you can get free boundary data for Austria. Two good sources for public-domain map data:
In fact, it looks like all the images you need can be found here: http://commons.wikimedia.org/wiki/Atlas_of_Austria - the different states are already highlighted for you. These are SVG files, so you can open them in Illustrator or Inkscape and change the colors as needed.
After that, I agree with Brian: There probably isn't an application that can easily create the image map for you, so you'll need to do it by hand. Fireworks or ImageReady are standard tools for this, and should both provide a UI for doing the rollover the way you want. You might want to put all the highlights in one image and use a CSS Sprite approach - this is a good way to make the map fast and responsive.
元素指的是 ImageMap，而不是地理地图。图像映射背后的想法是，您有一个图像，并且您希望图像的不同区域可单击。因此，您可以使用坐标来定义可点击区域（每个区域都在其自己的标记中），然后为您定义的区域提供 URI。当您使用
![]()
usemap属性来指定应用于该图像的地图定义。您可以使用在线工具以及流行的网页设计和图形程序来创建图像映射。在我的脑海中，Adobe Fireworks 提供了一个相对直观的界面来创建图像映射；我不确定是否还有其他程序，但我确信您可以找到适合您的程序。
The
<map>element refers to an ImageMap, not a geographical map. The idea behind an imagemap is that you have an image, and you want different areas of the image to be clickable. So, you use coordinates to define the clickable areas (each in its own<area>tag), and then provide a URI for the areas you've defined.When you specify your image with the
<img>tag, you set theusemapattribute to specify the map definition that applies to the image.There are tools online as well as in may popular web design and graphics programs that you can use to create image maps. Off the top of my head Adobe Fireworks provides a relatively intuitive interface for creating image maps; I'm not sure about any other programs but I'm sure you can find something that works for you.