地理區塊自己畫– 使用geojson.io | 自製地圖軟體
想自製地理區塊範圍做視覺化,但現有的製圖軟體QGIS、ArcGIS等又好複雜!地圖視覺化總是讓人煩惱,有沒有比較好用的工具呢?有!geojson.io直接讓我們在線上製圖,即刻產生geojson檔,連下載軟體都省了!面量圖(Choropleth)是一種很常見的視覺化手法,它將地理範圍分成許多塊,再分別以各種顏色為每一個區塊上色來呈現數據。下圖是一個台灣鄉鎮區塊面量圖範例,以灰階著色,數值為隨機產生:我想大家在看這些圖的時候一定會有些疑問:這些範圍是怎麼畫出來的?顏色是怎麼對應的?我要怎麼呈現?先前我們的文章「視覺化實戰-D3.js地理...
想自製地理區塊範圍做視覺化,但現有的製圖軟體 QGIS、ArcGIS 等又好複雜!地圖視覺化總是讓人煩惱,有沒有比較好用的工具呢?有! geojson.io 直接讓我們在線上製圖,即刻產生 geojson 檔,連下載軟體都省了!
面量圖 ( Choropleth ) 是一種很常見的視覺化手法,它將地理範圍分成許多塊,再分別以各種顏色為每一個區塊上色來呈現數據。下圖是一個台灣鄉鎮區塊面量圖範例,以灰階著色,數值為隨機產生:
我想大家在看這些圖的時候一定會有些疑問:這些範圍是怎麼畫出來的?顏色是怎麼對應的?我要怎麼呈現?先前我們的文章「視覺化實戰 - D3.js 地理區塊視覺化[1]」已經解釋了一部份疑惑,文中提到我們可以將來自政府的地理邊界資料利用 D3.js 在網頁上呈現,不過我們還不知道,如果今天我們想要調整這個範圍,該怎麼做比較好呢?舉幾個可能的實用例子:
想要標示燒毀古蹟的面積與位置 想要標示任何政黨黨產的分布範圍 想要標示具容積獎勵的建案其開放空間的範圍 當我們手上有的圖檔較舊,而已知邊界有發生過調整很顯然,我們需要的是地圖編輯的功能。一直以來都有不少軟體提供地圖編輯的功能,然而往往不是很容易使用,要嘛介面設計有缺陷、要嘛過於專業、或者是訂價格讓業餘玩家難以下手。很幸運的,專業的線上地圖服務 Mapbox 在 2013 年發布了一個新的網路服務「geojson.io」,標榜著「Simple、Fast Map Data Editing」,讓我們不光是下載軟體,連登入都不需要便可以直接製作地理區塊檔。
基本編輯連接至 geojson.io 網站後我們立刻會看到類似下方的編輯畫面:[2]
可以看到畫面很清楚的分成兩半,左邊是地圖編輯區,右邊是對應的 Geojson 碼。要在地圖上畫任何的區塊,只要點擊上圖紅色箭頭處所指的幾個按鈕,便可以繪製包含單點、線條、多邊形等幾何區塊;一但完成繪製,區塊對應的 Geojson 會即刻產生在右方面板上,如藍色箭頭的位置。
編輯也相當簡單,就如常見的繪圖軟體一般,下圖為描繪臺大範圍的結果,黑色部份為完成的多邊形,粉紅色則為正在編輯的部份:
點擊個別區塊我們可以調整基本樣式,或是為區塊加上數值。下圖的台大區塊已被調整...