地理地圖數據與

Question

I'm行事搜索一些供應商或框架或東西，可以像這裏提供的地圖：http://www.skiresort.de/skigebiete/europa/oesterreich/

我可以看到此頁面上有不同的圖像，所以當你將鼠標懸停在一個國家，整個形象變化。他們正在使用「地圖」htmltag來指定懸停區域。

我不知道他們是否用手繪製多邊形，或者是否有某種工具，如我所說的，框架或其他東西。

我只在搜索奧地利的數據。感謝您的任何幫助和抱歉，我從來沒有這樣做過這樣的事情

我在SO上搜索一些帖子，就像ArcGIS一樣，我認爲這對於我所需要的很複雜，我真的只需要像上面的例子一樣的相同，所以我需要的是奧地利的地圖，以及他們的國家和某種地圖數據。

Answer 1

聽起來好像主要問題是您可以在哪裏獲得奧地利的免費邊界數據。對於公共領域的地圖數據的兩個好來源：

• 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是這方面的標準工具，它們都應該提供一個用戶界面，以便以您想要的方式進行翻滾。您可能希望將所有高亮部分放在一個圖像中，並使用CSS Sprite方法 - 這是使地圖快速響應的好方法。

Answer 2

<map>元素是指ImageMap，而不是地理地圖。圖像背後的想法是，你有一個圖像，你想要圖像的不同區域可點擊。因此，您使用座標來定義可點擊區域（每個區域都有自己的<area>標籤），然後爲您定義的區域提供一個URI。

當您使用<img>標籤指定圖像時，可以設置usemap屬性以指定應用於圖像的地圖定義。

有一些工具可以在線以及在可能流行的網頁設計和圖形程序，您可以用來創建圖像映射。毋庸置疑，Adobe Fireworks爲創建圖像映射提供了一個相對直觀的界面;我不確定任何其他程序，但我相信你可以找到適合你的東西。