除了用於撰寫遊戲程式或教學互動網頁外,Google Gemini 也非常適合開發與日常生活密切相關的即時資訊平台。舉例來說,開發者可以運用 Gemini 來建置一個整合全台各地空氣品質監測數據的系統,透過串接政府公開資料 API,即時取得各縣市的空氣品質指標(AQI)、PM2.5 濃度、臭氧等環境資訊。

接著,這些即時資料可以結合 Google 地圖 API 視覺化呈現,讓使用者直觀了解目前所在地或其他地區的空氣狀況。不論是通勤族、家有過敏兒的家庭,或是注重健康的戶外運動愛好者,都能透過這樣的平台快速掌握環境變化,作出更明智的行動決策。

此類應用不僅展現了 Gemini 在前端開發與資料整合上的靈活性,也說明了它在開發生活實用工具方面的強大潛力。透過結合即時資料串流、互動式地圖與用戶友善的介面設計,開發者能輕鬆打造具備高使用價值與 SEO 搜尋優化潛力的現代化資訊服務平台。

這次的實作需要幾個工具,先執行以下動作。

連線:https://data.moenv.gov.tw/,註冊帳號後,即可取得這個帳號的 API Key,複製 API Key 備用。

連線:https://console.cloud.google.com/,進行申請 Google 地圖的 API Key。

連線:https://airtw.moenv.gov.tw/,這是環境部的空氣品質監測網,裡面提供了全國各地空氣品質監測資料。

有了以上三人個基本資料後,透過以下指令請 Gemini 撰寫程式。指令:

設計一個空氣品質即時資訊系統,網頁內容要求:

1.在頁面上讓使用者可以輸入環境部的API金鑰(以連續*顯示)和輸入Google地圖API Key(以連續*顯示)。 

2.根據網頁(https://airtw.moenv.gov.tw/ )的內容,從環境部的開放資料 API 獲取資料,設計一個可以查詢全部測站空氣品質的即時資訊。

3.可以切換不同縣市的測站資料。

4.可以切換即時資訊以卡片形式呈現或是將查詢得到的即時資訊在Google地圖上標示。

5.網頁以明亮而色彩豐富的視覺化設計呈現,並盡量增加網頁互動性。

成果如下:

複製並貼上前面所取得的環境部 API Key 和 Google 地圖 API Key。

點選:載入空氣品質資料,得到以下結果:

比對環境部空氣品質監測網:

挑選某一縣市:

如果點選:顯示地圖。

文章標籤
全站熱搜
創作者介紹
創作者 vincent 的頭像
vincent

學不完.教不停.用不盡

vincent 發表在 痞客邦 留言(0) 人氣(97)