111年度GIS專題中心暑期實習生成果介紹（5）

專題題目：WebGIS的開發與實作

實習學生：劉信堂（國立臺灣大學地理環境資源學系暨研究所碩士生）

指導老師：郭巧玲 助研究員

郭巧玲助研究員所指導暑期實習學生劉信堂同學，嘗試運用開源工具開發一套WebGIS應用系統，並接合中研院內豐富館藏地理圖資內容，讓使用者能方便地透過電子地圖介面網頁上進行資料查詢，以下簡述WebGIS介紹及劉同學執行的專題成果。

1.什麼是WebGIS？

WebGIS是一種建構於網路上的地理資訊系統，由多個主機、資料庫，並由客戶端（Client side）與伺服端（Server side）相連所構成的。相較於QGIS或ArcGIS等GIS軟體，WebGIS有幾個優點：不需要額外下載任何軟體，只要能夠上網就能使用，且操作方式更簡單，容易入門；此外，以往的桌上型GIS軟體十分依賴用戶的電腦性能，而WebGIS能夠把一部分的運算交給伺服器端執行，而客戶端只需完成簡單操作的運算即可，效能更佳。

2.地理分析功能：泰森多邊形 Voronoi Diagram

泰森多邊形可以用來繪製分析空間中各個點位的勢力範圍。在WebGIS中可使用turf.js開源函式庫來處理空間分析的資料，並運用turf.js方便輕巧的特性，資料可以直接在client端做處理，讓使用者可以自行繪製點位、定義邊界，將泰森多邊形圖層繪製於地圖圖磚上。

3.定位查詢功能（以台灣景點資料集為範例）

首先，使用php實作搜尋欄的auto-complete功能。在使用者在搜尋欄送出關鍵字後，呼叫SQL語法向資料庫查詢坐標。最後，將坐標帶入HTML與JavaScript並繪製地圖，讓使用者在地圖上查看查詢的地點。下圖為搜尋欄關鍵字auto-complete的下拉式選單。

4.互動式面量圖（以台灣各行政區景點數量為範例）

使用者可以匯入GeoJSON檔案，並指定欄位做為填色依據。此外加入pop up功能，只要點選行政區，就會顯示該行政區的資訊（屬性資料）。由於目前僅能匯入單一圖層進行繪製，因此未來將加入多個圖層套疊的功能，讓使用者能夠在WebGIS上直接處理點圖層與面圖層的套疊，一站式完成面量圖的資料處理與繪製。

資料提供：劉信堂
說明文稿：劉信堂、羅翊文、廖泫銘