運用 AI 輔助生成客製化 WebGIS 介面

隨著 Gemini 3 增加「生成式UI(Generative UI)」能力,在使用 Google AI Studio 中 Build AI apps 功能時,可以依照使用者提示即時生成互動介面。我們就可以利用這個功能,來快速生成一個客製化的 WebGIS 介面。

例如輸入以下的提示文字:

『建立一個可以互動操作的WebGIS介面,加入 國土測繪圖資服務雲WMTS服務(網址:https://wmts.nlsc.gov.tw/wmts)的「臺灣通用電子地圖(等高線+門牌)」圖層,以及 臺灣百年歷史地圖WMTS服務(技術規範請參考 https://gis.sinica.edu.tw/tileserver/ 網頁說明,採用 Restful API 語法介接)的「日治二萬分之一台灣堡圖(明治版)」圖層;將地圖中心點放在台北市政府,圖層顯示及控制順序採臺灣堡圖在上、通用電子地圖在下排列,並標示出來源圖資版權資訊。』

生成WebGIS網站的提示文字

透過生成式 UI 技術,在短短幾分鐘內即可快速產生一個操作直覺、互動性友善的 WebGIS 介面,並具備圖面縮放、圖層開關、圖層透明度調整、支援RWD等基本功能;這樣的流程大幅降低了 WebGIS 的開發門檻,讓非資訊背景的研究人員或業務單位,也能自行完成原型建置與功能調整。

網頁生成後預覽畫面
網頁生成後預覽畫面
網頁生成後正式發布效果

測試網站:https://reurl.cc/3bbnz9(需登入 Google 帳號)

對於日後僅涉及資料更新、圖層調整或介面微調等相對單純的需求,將不再需要每次都委託資訊公司或仰賴專業技術人員介入,不僅可有效節省時間與外包成本,也能提升單位在資料展示與應用上的自主性與即時反應能力。整體而言,這種「快速生成、即時可用」的模式,特別適合研究計畫、行政業務與跨單位溝通情境,加速從構想到實作的轉換。

試想,當 AI 能夠依據使用者的需求,即時生成客製化的 WebGIS 介面時,未來各單位或主題網站所提供的 WebGIS 將不再是單一且固定的介面設計,而是能隨著使用者的背景、角色或使用情境,動態產生隨選(On Demand)互動介面。