地震與氣象資訊網
Earthquake_website 是一個地震與天氣資訊查詢平台,利用交通部中央氣象署地震 API 即時獲取地震資訊,並使用 React 框架構建前端頁面。透過 Leaflet.js 顯示地震位置在地圖上的標示,並結合 GitHub Pages 部署靜態網站。
- 即時地震資訊
從交通部中央氣象署地震 API 獲取最新地震資料。 - 地震地圖視覺化
使用 Leaflet.js 顯示地震位置和震央標記。 - 資料表展示
以列表形式顯示地震的詳細資訊。
- 天氣預報功能
新增天氣預報頁面,提供各縣市的最新天氣資訊,包括氣溫、降雨機率及天氣概況,幫助使用者快速掌握天氣狀況。 - 即時資料來源
透過交通部中央氣象署天氣 API 獲取最新天氣資料。 - 縣市切換功能
使用者可輕鬆切換不同縣市,查看對應地區的天氣預報。 - 圖形化呈現
使用直觀的圖表或圖示顯示天氣概況,如晴天、雨天等。 - 未來預報
提供未來 72 小時或數日的天氣趨勢,幫助使用者規劃行程。
- 前端技術:使用 React 框架構建動態頁面。
- 地圖視覺化:使用 Leaflet.js 顯示地震地圖標記。
- 部署:透過 GitHub Pages 發佈為靜態網站。
自動更新:使用 GitHub Actions,自動更新地震資訊。- 即時資料來源:
- 地震資訊:交通部中央氣象署地震 API。
- 天氣資訊:交通部中央氣象署天氣 API。
- Google Analytics 整合 :用於追蹤網站流量及用戶互動行為。
- 用戶行為分析:追蹤網站頁面瀏覽、停留時間及點擊事件。
- 地區分佈:分析使用者地理位置,優化地震及天氣資訊的地域化呈現。
- 目標設置:評估用戶完成特定任務(如查詢地震資訊或切換天氣縣市)的頻率。
- 優化地震與天氣資訊的圖形化呈現,增加互動性功能。
- 開發行動應用程式,提供更便捷的使用體驗。
- 引入 AI 分析模型,預測地震及天氣趨勢,提供專業建議。
此網站結合地震與天氣資訊的查詢與視覺化,讓使用者能即時掌握重要的環境資訊,並透過直觀的設計提升使用體驗。