公民科技協力場 · CIVIC ACTION HUB
像素防災插畫
公民科技協力場 / Civic Action Hub

防災 GIS
資料開箱與應用

從開放圖資，到有用的防災行動

讀懂資料→選對工具→做出地圖
Denny Huang線上說明會暨防災服務設計培力工作坊 · 30 分鐘
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB

Denny Huang

防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
01 / 從真實案例出發

2016 台南震災 - 第一時間共筆彙整

來源連結 · 多人補充 · 分類查閱

2016 台南地震災情整合平台共筆封存頁：收容資訊、更新註記與參與者欄
Earthquake 20160206 共筆（g0v Hackpad 封存） · 截圖：2026-10-01
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
01 / 從真實案例出發

20160206 地震事件地圖

地點 · 事件分類 · 回報與查核

20160206 地震事件地圖：左側事件分類與右側台南地區的事件標記
20160206 地震事件地圖（Google My Maps） · 底圖：©2026 Google · 截圖：2026-10-01
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
02 / 先把任務交出去

同一批地標，六個檔案

今天的素材

新北市重要地標資訊

官方展示（iMap）
01 / INPUT

官方資料

保留原檔、來源與欄位

→
02 / PROCESS

AI 整理

轉換座標、檢查資料

→
03 / EXCHANGE

六個檔案

同一批 ID、位置與屬性

→
04 / CHECK

匯入驗收

uMap ／ My Maps

板橋區 · 30 筆 · 六類各五筆

國民中學 · 國民小學 · 捷運站
消防機關 · 警察機關 · 避難收容處所

範例與操作

github.com/denny0223/ntpc-multiformat-demo-kit
README.md · demo/

資料來源：新北市重要地標資訊
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
03 / 先問資料能回答什麼

地圖上有一個點，
代表那裡能提供協助嗎？

01 / LOCATION

在哪裡？

位置、名稱、類型
能不能正確對上？

02 / AVAILABILITY

現在能用嗎？

何時更新？是否開放？
哪個窗口能確認？

03 / PEOPLE

適合誰？

使用者能抵達嗎？
還有哪些必要條件？

找到地點 → 確認現況 → 對上需求
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
04 / 地圖如何表達世界

地圖做了哪些選擇？

01 / SELECT

畫什麼？

道路、設施、事件
收錄了哪些？

02 / REPRESENT

怎麼畫？

比例尺、投影、圖例
凸顯了什麼？

03 / PARTICIPATE

誰來決定？

提供者、製圖者、使用者
如何補充與修正？

空白區域：尚未收錄？缺測？
延伸：SITCON 2026〈地圖與權力：公眾地理資訊系統應用〉 · QGIS：座標參考系統
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
05 / 建立心智地圖

資料、格式、工具

GIS＝地理資訊系統：把位置、屬性與問題放在一起處理。

01 / SOURCE

資料來源

地圖素材從哪裡來？

政府開放資料
OpenStreetMap

02 / FORMAT

資料格式

資訊用什麼形式交換？

CSV · GeoJSON
KML · GeoTIFF

03 / TOOL

工具與平台

用什麼整理與呈現？

QGIS · uMap
My Maps · Mapbox

座標參考系統 CRSTWD97 · WGS84
OSM · GeoJSON 規格 · uMap · Mapbox 文件
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
06 / 資料形狀與圖層角色

資料形狀與圖層

01 / VECTOR

向量資料

把事物記成幾何與屬性。

點：地標
線：道路
面：行政區

02 / RASTER

網格資料

每個格子記錄一個值。

影像像素
高程 · 雨量

03 / LAYER

底圖與主題圖層

底圖交代位置，主題呈現資料

底圖：道路背景
主題：本次地標

QGIS：向量資料 · QGIS：網格資料
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
07 / 工具按任務分層

你要做哪一步？

要做的事 常見選擇 用途
找既有資料與圖層 政府資料目錄、NCDR、OSM 找素材與說明
整理、轉換、分析 QGIS、GDAL、Python AI 協助呼叫成熟工具
快速製圖與分享 uMap、Google My Maps 今天的成果入口
開發互動地圖服務 Leaflet、MapLibre、Mapbox 自訂介面與操作流程
Google Maps 是日常查地圖服務；My Maps 是自訂地圖工具。
QGIS · GDAL · uMap · Leaflet · MapLibre · Mapbox
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
08 / 開箱空間資訊系統平臺

從問題找資料入口

你想知道什麼？ 可先開哪裡？ 先辨認什麼？
哪些地方有災害潛勢？ NCDR、BigGIS 災害類型、情境與圖例
地形、道路、地址在哪？ 國土測繪圖資服務雲、TGOS 比例尺、位置與使用方式
水位、雨量、交通如何變動？ 水利圖台、民生公共物聯網、TDX 觀測時間、更新與缺測
設施與地標有哪些？ 政府／地方資料開放平臺、OSM 欄位、範圍、來源與授權
NCDR · BigGIS · 國土測繪 · TGOS · TDX · data.gov.tw
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
09 / 從看圖到拿到資料

圖台 → 資料說明 → 下載

01 / VIEW

圖台

圖例與情境
位置與範圍

02 / DESCRIBE

資料說明

提供者、更新時間
欄位與授權

03 / OBTAIN

取得方式

檔案下載
API ／ 圖層服務

這一層描述什麼？潛勢 · 模擬 · 觀測 · 通報
NCDR 3D 災害潛勢地圖 · NCDR 資料服務平台 · BigGIS
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
10 / 讀懂今天的原始資料

新北市重要地標欄位

新北市 iMap（官方展示） · 資料集與欄位說明

先看什麼？ 欄位與線索 用來做什麼？
哪一筆？ objectid 跨格式對照同一筆資料
是什麼地標？ 行政區、地標類型、地標名稱 分類、顯示標題
在哪裡？ twd97_x、twd97_y、地址 轉換座標、對照位置
哪個版本？ 更新日期、目錄說明、取得時間 追查來源與更新
保留來源 ID與原始 X/Y。
官方資料與欄位說明：新北市重要地標資訊
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
11 / 座標轉換

TWD97 → WGS84

教學例 · TM2 121 分帶

TWD97 / TM2 121

EPSG:3826 · 單位：公尺

x = 296000
y = 2767000
→座標
轉換

GeoJSON 中的座標

WGS84 經緯度

單位：度 · 經度在前、緯度在後

[121.455751,
 25.010338]
座標教學示例 · GeoJSON RFC 7946 §4 · QGIS：CRS
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
12 / 格式是資料的不同包裝

同一批資料，不同包裝

格式 你會看見什麼？ 今天用來觀察什麼？
CSV ／ XLSX 一列一筆，欄位裝名稱、分類與位置 My Maps 如何指定定位欄位
GeoJSON 幾何 geometry ＋ 屬性 properties uMap 如何接收位置與資料
KML 地標、說明，也能包含樣式設定 資料與呈現設定如何交接
KMZ 壓縮包內的 KML，可另含附件 同一份 KML 的打包方式
檢核點：相同 ID、名稱與位置。
GeoJSON 規格 · KML 文件 · My Maps 匯入說明
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
13 / 從地圖走向服務介面

臺北城市儀表板

citydashboard.taipei/dashboard

01 / SPACE

在哪裡？

地圖：空間分布

02 / TIME

怎麼變？

圖表：時間與比較

03 / ACTION

接著做什麼？

查來源、回報問題

臺北城市儀表板 · 臺北市資料大平臺：應用服務介紹
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
14 / DEMO · uMap

uMap：匯入 GeoJSON

檔案：demo/landmarks.geojson

01 / IMPORT

匯入

選擇 GeoJSON 檔案
加入圖層

02 / INSPECT

點開

名稱 · 類型 · 地址
位置與 record_id

03 / SHARE

分享

來源說明
檢視／編輯權限

範例檔與操作：README.md / demo/ · uMap 官方專案
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
15 / DEMO · My Maps

My Maps：匯入 CSV

檔案：demo/landmarks.csv

定位欄位

經度與緯度

轉換後的 WGS84 座標

longitude
latitude
→匯入
後對照

標題與分類

名稱與類型

標題選 name；分類選 category

name
category
Google My Maps：從檔案匯入地圖項目
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
16 / DEMO · 分類圖示

圖示改了，是哪一層改了？

比較哪兩份？ 改變什麼？ 固定什麼？
CSV ↔ XLSX 表格容器、儲存格格式 記錄、欄位意義與位置
基本 KML ↔ 樣式 KML 檔案自帶分類圖示 地標 ID、位置與屬性
樣式 KML ↔ KMZ 把同一份 KML 壓縮打包 doc.kml 的實際內容
各自匯入新圖層，直接比較：至少三類圖示可區辨。
範例與圖例：README.md · My Maps 匯入說明
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
17 / 檢核點

筆數、位置、圖示

01 / SAME DATA

30 筆

各格式的 record_id 一致

02 / SAME PLACE

同一位置

選同一筆，切換圖層對照

03 / STYLE

分類可辨

基本 KML ／ 樣式 KML ／ KMZ

檢查結果：README.md ＋ 轉換程式回報。
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
18 / 缺值與異常也是資料

一筆資料有問題，
就把它刪掉嗎？

01 / DUPLICATE

相同座標

核對 ID、名稱與設施類型

02 / MISSING

空白或 0

列出無法定位的記錄

03 / SUSPECT

位置可疑

保留原值，列入查核

保留原值、record_id 與處理原因
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
19 / 從原型到服務

地圖交給誰用？

01 / UPDATE

誰維護？

更新時間
修正與回報窗口

02 / ACCESS

誰看得到？

檢視／編輯權限
個資與敏感位置

03 / USE

誰用得上？

現場使用條件
斷網時的替代流程

防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
20 / 課後從哪條路繼續

下一步：分享、分析或開發？

01 / SHARE

分享地圖

標點、分類與分享

uMap
Google My Maps

02 / ANALYSE

空間分析

疊圖、連接資料、計算範圍

QGIS
GDAL ／ Python

03 / BUILD

互動服務

操作流程、回報與整合

Leaflet ／ MapLibre
Mapbox

uMap · QGIS · Leaflet · MapLibre · Mapbox
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
21 / 交給下一段服務設計

AI 處理資料，
人決定怎麼用。

DELEGATE THE WORK

交給 AI 加速

讀取欄位、整理格式
轉換座標、產生檔案

KEEP THE JUDGEMENT

由人負責判斷

誰在什麼情境，需要做什麼決定？
需要哪些資料與合作角色？

從一份圖資，接到一個真實的使用流程。
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
THANK YOU / 感謝

Thanks for listening

本投影片採用

CC BY-SA 創用 CC「姓名標示-相同方式分享 4.0 國際」授權條款釋出

Marp Marp 製作

引用素材依原授權；封面插畫權利歸原權利人。

防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A01 / 名詞查閱

GIS 名詞索引

角色 常見名稱 先理解這件事
資料／協作來源 OSM、政府開放資料 誰記錄了什麼、能否追查
表格／幾何格式 CSV、GeoJSON、KML、SHP、GeoPackage 檔案如何裝位置與屬性
網格／影像格式 GeoTIFF、COG 像素的值、解析度與座標資訊
整理與空間分析 QGIS、GDAL、GeoPandas、PostGIS 清理、轉換、連接、查詢
存取介面 API、WMS、WMTS、WFS、OGC API Features 拿到的是影像、圖磚或地物資料？
文件入口：GDAL · GeoPackage · OGC 標準 · GeoPandas · PostGIS
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A02 / 地圖工具與平台

地圖工具與平台

選擇 主要角色 常見任務
Google Maps 日常地圖查詢服務 找地點與路線
uMap ／ Google My Maps 快速製圖與分享 匯入資料、分類標記
Leaflet ／ MapLibre ／ OpenLayers 地圖介面程式庫 自訂圖層與操作
Mapbox ／ Google Maps Platform 地理資料、API、SDK 等平台服務 串接底圖、資料與應用
ArcGIS Online ／ CARTO 線上地理資料與分析平台 管理圖層、分析與發佈
Google Maps Platform · Mapbox · OpenLayers · ArcGIS Online · CARTO
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A03 / 座標查閱

常用座標參考系統

你可能遇到的名稱 常見代碼／表示 重點
WGS84 經緯度 EPSG:4326 單位：度
TWD97 經緯度 EPSG:3824 TWD97 的經緯度表示
TWD97 ／ TM2 121 分帶：3826；119 分帶：3825 投影平面座標，單位為公尺
TWD67 ／ TM2 121 分帶：3828；119 分帶：3827 常見於臺灣較早期的測繪資料
Web Mercator EPSG:3857 網頁底圖常見的投影
GeoJSON 座標順序：[經度, 緯度]。
中研院：臺灣常用座標系統及 EPSG · QGIS：CRS · RFC 7946
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A04 / GeoJSON 的最小閱讀方式

GeoJSON：屬性與幾何

{
  "type": "Feature",
  "properties": {
    "name": "示例地標", "category": "示例類型"
  },
  "geometry": {
    "type": "Point",
    "coordinates": [121.46, 25.01]
  }
}
多筆 Feature → FeatureCollection
GeoJSON 教學示例 · RFC 7946 §§3.1、3.2、3.3
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A05 / 同一個點的其他寫法

CSV ／ KML ／ KMZ

name,category,longitude,latitude
示例地標,示例類型,121.46,25.01

<Placemark>
  <name>示例地標</name>
  <Point><coordinates>121.46,25.01</coordinates></Point>
</Placemark>
KMZ：ZIP 壓縮包，根目錄放 doc.kml。
CSV／KML 教學示例 · Google：KML Tutorial
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A06 / Demo 檔案

README.md ／ demo/

github.com/denny0223/ntpc-multiformat-demo-kit

demo/ 下的檔案 匯入平台 觀察重點
landmarks.geojson uMap 位置與屬性
landmarks.csv My Maps 指定 longitude／latitude 與 name
landmarks.xlsx My Maps 同一份表格資料
landmarks-basic.kml My Maps 預設標記
landmarks-styled.kml My Maps 六類地標圖示
landmarks-styled.kmz My Maps doc.kml；圖示需連網
My Maps 匯入說明
防災服務設計培力工作坊
公民科技協力場 · CIVIC ACTION HUB
附錄 A07 / 常用資料入口

常用資料入口

主題 官方／原始入口
災害潛勢與原始資料 NCDR 3D 潛勢圖 · NCDR 資料服務 · BigGIS
地形、定位與地址 國土測繪圖資服務雲 · TGOS
水情、感測與交通 水利圖台 · 民生公共物聯網 · TDX
資料目錄與社群資料 政府資料開放平臺 · 新北市資料開放平臺 · OSM
既有應用參考 臺北城市儀表板 · 臺北市資料大平臺

Demo：github.com/denny0223/ntpc-multiformat-demo-kit

防災服務設計培力工作坊