專案背景

台灣位處環太平洋地震帶，同時面臨颱風、豪雨、土石流等多種天然災害威脅。這個專案的核心理念是將分散的災害資料整合起來，透過視覺化技術呈現複合型災害的風險分布，幫助民眾了解居住地的安全性。

主要功能

多災害資料整合

• 地震帶分布資料
• 淹水潛勢區域
• 土石流警戒區
• 斷層帶位置
• 歷史災害記錄

互動式地圖視覺化

採用 Google Maps API 作為底圖，疊加各種災害圖層，使用者可以：

• 切換不同災害類型的圖層
• 查看特定區域的災害風險等級
• 透過熱力圖（Heatmap）呈現災害密集程度

風險評估演算法

整合多個災害指標，計算出綜合風險分數，將區域劃分為：

• 高風險區（紅色）
• 中風險區（橙色）
• 低風險區（綠色）

技術實作

前端技術

• JavaScript - 主要開發語言
• Google Maps API - 地圖底圖與圖層控制
• Heatmap.js - 熱力圖視覺化
• Bootstrap - RWD 響應式設計

資料處理

• 使用政府開放資料平台的災害資料
• 將 GeoJSON 格式的資料轉換為地圖可用的格式
• 實作資料正規化，統一不同來源的座標系統

演算法設計

風險分數 = (地震風險 × 0.3) + (淹水風險 × 0.3) +
          (土石流風險 × 0.2) + (其他災害風險 × 0.2)

技術挑戰

1. 大量資料渲染效能 - 災害點位數量龐大，直接渲染會造成瀏覽器效能問題。解決方式是使用圖層聚合（Clustering）技術，將相近的點位合併顯示。

2. 不同資料來源整合 - 各種災害資料的格式、座標系統不統一，需要進行資料清洗和標準化處理。

3. 視覺化呈現 - 如何用直觀的方式呈現複雜的災害資訊，最終選擇用顏色深淺和熱力圖來表達風險程度。

學習收穫

這是我第一次嘗試處理地理資訊系統（GIS）相關的專案，學習到：

• 如何使用 Google Maps API 的進階功能
• 大量資料視覺化的效能最佳化技巧
• 政府開放資料的應用與處理
• 使用者體驗設計的重要性

連結

• Demo