Skip to content

DYC-DD/Earthquake_website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Earthquake_website

地震與氣象資訊網
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 分析模型,預測地震及天氣趨勢,提供專業建議。

此網站結合地震與天氣資訊的查詢與視覺化,讓使用者能即時掌握重要的環境資訊,並透過直觀的設計提升使用體驗。

About

地震即時資訊和天氣預報網站

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published