天氣地圖 APP
LIVE DEMO
REPO
若Loading過久,代表API太累了,請稍後再試
功能
- 查看特定位置天氣
- 查看特定位置未來一周天氣 (Chart)
- 查看圖表上的溫度轉換 (C/F/K)
- 點擊地圖重新定位位置 (查看別處的天氣)
- 縮放、移動地圖
- 切換深夜配色 (最下方的太陽/月亮按鈕)
工具及開發
- React
- Moment.js (for time)
- Chart.js (for chart)
- Axios (for APIs)
- Chakra-ui
APIs
- Open Weather Map (via Rapid API)
- Here Map
預覽
Mobile
Web