漸漸嶄露頭角的 OpenStreetMap 開放街圖:介面獨特的線上地圖

作者 | 發布日期 2014 年 02 月 25 日 8:00 | 分類 網路 , 開放資料
MapStyle Explorer-Stamen-Toner

最近開放街圖 OpenStreetMap 漸漸被人所知曉,先前也有耳聞不少網站棄用功能已十分強大的 Google Maps,轉投入運用開放街圖。群眾參與式的地圖賦與個人空間詮釋的權力,加上 Google 地圖資料封閉的特性因而吸引人參與編輯。在那篇推廣 OpenStreetMap 的傳教文中文版)廣為流傳後,台灣這篇的編輯數量大增。但一般人,大部分學生時代才碰地理,被既有的電子地圖框架侷限,比方說 Google 地圖教育過,對於開放街圖該提供什麼功能有些期待,甚至產生誤會。本篇文章將先從網站介面講起,之後慢慢帶到網站的精神以及可以拿來做什麼。




介面概觀

OpenStreetMap 開放街圖,可以視做維基百科版的線上地圖,與來自世界各地的人共同編輯。

OpenStreetMap-start▲ 進入開放街圖的網站,地圖顯示的範圍可能會在世界的任何一個角落

進入開放街圖網站後,如果先前未曾來過的話,網站左上角會出現歡迎頁面,點進「了解更多」會進入網站關於頁面,可進一步看深入資訊。

OpenStreetMap-start2▲ 初次來到開放街圖網站,網站左上角出現歡迎訊息

如果點進「開始繪圖」的話,則會進入編輯器畫面,新用戶可以先看教學模式,以循序漸近的方式逐步認識如何畫地圖。如果沒登入的話則會進入登入畫面,登入後即會進入編輯器的畫面。今天暫且跳過如何編輯,先來繼續認識網站的介面。

OpenStreetMap-about▲ 開放街圖網站的關於頁面,列了開放街圖的特點:當地的知識、社群參與、開放資料,以及合作夥伴-倫敦大學學院提供主機空間。中英文混雜的內容顯示志工仍有未翻譯的段落

搜尋功能

一開始畫面出現一張地圖的畫面,到世界各國層級的縮放大小,慢慢的拖曳滑鼠移到台灣位置,或者是在搜尋欄打入「台灣」,搜尋結果前兩項即為台灣,這兩個連結點了就會出現台灣島了。

OpenStreetMap-search

OpenStreetMap -search-Taiwan (449220)▲ 搜尋「台灣」,即會顯示目前開放街圖網站資料中的台灣資料

OpenStreetMap _ Way_ Taiwan (53100715)▲ 點進去其中地圖上顯示被橘色線高亮度顯示的台灣本島臨海線

接著可以滑鼠拖曳到北台灣,按網站畫面右上角的「+」符號或是滑鼠滾輪放大顯示,來找找台北,看看到都市層級底下,開放街圖長什麼樣子。

OpenStreetMap-Taipei▲ 台北的地圖

搜尋框右側有「我在那裡?」的藍色小字,按下去即會出現螢幕上顯示地圖正中央經緯度以及所在地名。

OpenStreetMap-where-am-i

▲ 點選「我在那裡」,即會顯示目前地圖中央的經緯度資訊,以及附近的地名

可依不同用途顯示的圖層

目前台灣開放街圖繪製狀況,台南的畫得最詳細,地名、土地利用都已經繪製的相當詳盡,而且幾乎是出於一人之手。台北的話則是因為大都會,參與人多而整體累積的成果多,甚至公車路線也有好幾條了。

OpenStreetMap-Tainan▲ 台南一帶的開放街圖地圖畫得相當細,你能想像這幾乎出於一人之手嗎?

接著我們來看右邊的選單,最上面兩個按鈕有「+」及「-」,可以放大縮小地圖的顯示範圍。第三個按鈕是顯示現在位置,讓瀏覽器透露所在位置。第四個到第六個按鈕分別是切換圖層、標準版圖層地圖圖徵、分享。最後一個按鈕則是加上註解。

openstreetmap-website-menu-left▲ 地圖右上角的按鈕功能列表

OpenStreetMap-geolocation▲ 點選箭頭能顯示現在位置

除了標準地圖,開放街圖的資料能變成適合不同目的用途的主題地圖,像是著重戶外運動的 Cycle Map 單車地圖,突顯單車道和登山路徑。Transport Map 交通地圖則顯示大眾運輸設施和公車路線。MapQuest Open 則是 AOL 公司下的圖資商 MapQuest,運用 OpenStreetMap 資料做的顯示地圖,自訂圖例及地圖樣式。

OpenStreetMap-layer

▲ 開放街圖網站提供五種可切換的圖層

OpenStreetMap-cyclemap▲ Cycle Map 能顯示步道、單車道,以及相關附屬設施如單車店、涼亭、地圖、指標

OpenStreetMap-transport-map-of-taipei▲ 開放街圖上台北市的公車路線路網圖

OpenStreetMap-MapQuest-Taipei▲ 商業地圖網站 MapQuest 利用開放街圖圖資,顯示自己風格的地品

OpenStreetMap-HOT-Taipei▲ Humanitarian 人道救援地圖著重在與災害相關基礎設施的呈現上

回報地圖資料錯誤

OpenStreetMap-Taipei-note-118732

▲Map Notes 地圖註解勾選後,台北一帶目前添加的所有 note,點進去即可見到詳細的內容

新增地圖註解 Add a note to the map 功能,將在後面問題 2 詳細解說。

令人吃驚的資料擴充性

顯示 Map Data 地圖資料勾選,畫面上每一筆資料就會被藍色的線條或圓圈包住,選取任何一個,就可以點選單一資料,就可以看到五花八門的資料。開放街圖在選取資料的方式與一般線上地圖很不一樣,得勾選地圖資料才能點選看資料,這也是開放街圖網站下階段改版的重點之一。

選取某一個地圖資料後,左側的資料欄位就會顯示目前儲存的資料,像是台北市 有 108 種語言的名稱。不過台北市的別稱 (alt name) 卻打成台北縣的英文 Taipei Hsien,大概是外國人看到與 Taipei City 覺得很像而誤以為是台北市的別稱。

OpenStreetMap -Way-Taipei-City-Hall(142113976)▲ 台北市的地圖資料,由世界各地的人寫上 108 種語言的名稱

地圖圖徵

如同一般的紙本地圖,開放街圖也有顯示圖徵的清單,打開後就可以知道不同顏色的道路各代表什麼意義,不同顏色的區塊又代表什麼類型的土地用分區。不過地圖上的商店種類或是廟宇、教堂,在這份地圖圖徵並未列出。

OpenStreetMap-Map-Feature▲ 開放街圖的標準圖層圖徵列表

分享與匯出圖片功能

而在網路時代,線上地圖當然少不了分享功能,地圖的連結、縮網址,甚至還可以內嵌入網站上加上 marker。圖片匯出功能則提供四種格式下載:png、jpeg、svg、pdf,調整匯出圖片地圖顯示比例,

OpenStreetMap-share▲ 分享連結與圖片下載功能

OpenStreetMap-export▲ 圖片匯出功能,調整匯出範圍以及大小

常見問題

問 1:我發現地圖有錯誤,但我不會畫,那要怎麼回報錯誤呢?

答 1:可以使用註解 (notes) 功能,寫下你認為地圖上的錯誤,等待其他人看到後修改。

以新店溪畔,青年公園旁的馬場町公園為例:

openstreetmap-adding-note2

▲ 地圖移到馬場町公園,發現並沒有人繪製,我們想要回報馬場町紀念公園的位置。將滑鼠指標移動到網站右側最下面的按鈕,按下新增節點 (Add a note to the map)

openstreetmap-adding-note3▲指標出現在地圖畫面正中間,用滑鼠移動指標,按著即可移動到想放的位置,

openstreetmap-adding-note4▲ 在左側輸入框中輸入這邊地圖出了什麼問題,按下「Add Note」按鈕

openstreetmap-adding-note5▲ 完成了!地圖上出現 X 記號,即完成問題回報了


問 2:OpenStreetMap 有街景嗎?

答 2:Google 街景,現況是有,比方說 OpenStreetView 但規模及資料完整度不能跟 Google 等商業公司製造的街景相比。


問 3:OpenStreetMap 有衛星圖嗎?

答 3:OpenStreetMap 網站並無衛星圖模式,但利用開放街圖網站的第三方,像是 MapQuest 就有了,可惜在台灣 MapQuest 提供的解析度不夠。

MapQuest Maps -hybrid▲ MapQuest 的地圖圖資來自 OpenStreetMap,就能將衛星圖疊在地圖圖資下面


在這篇文章介紹了開放街圖網站基本的介面,之後將會陸續介紹其他網站的進階功能,如何編輯,以及大家拿開放街圖的資料做什麼。 

發表迴響