Weather WebGIS

NỀN TẢNG WEBGIS VỀ THỜI TIẾT

Bản đồ tương tác - Dự báo - Phân tích xu hướng

WebGIS giúp bạn xem lớp thời tiết trực quan trên bản đồ Việt Nam, tra cứu nhanh theo khu vực, theo dõi dự báo theo giờ/ngày và phân tích xu hướng (Trends) dựa trên dữ liệu từ Open-Meteo và các nguồn tiles thời tiết.

Layer-based WebGIS

Tích hợp tile layer từ RainViewer để lấy radar mưa, bản đồ nền từ OpenStreetMap.

Forecast & Trends

Dự báo 7-16 ngày, theo giờ, và thẻ xu hướng/cảnh báo trực quan.

Data Hub

Lưu trữ dữ liệu địa lý và cấu hình layer trong Supabase/Postgres.

Xem Dự Báo Tổng Quan

Tech Stack

CÔNG NGHỆ SỬ DỤNG

Các thành phần chính tạo nên hệ thống WebGIS thời tiết.

Next.js (App Router) + React

UI hiện đại, routing tối ưu, SSR/CSR linh hoạt cho dashboard và bản đồ.

App RouterTypeScriptTailwind

Leaflet / React-Leaflet

Hiển thị bản đồ WebGIS, lớp nền, tương tác popup/tooltip.

MapTiles

Weather Layer + Open-Meteo API

Layer thời tiết (nhiệt độ, mây, gió, mưa, độ ẩm) và dự báo theo giờ/ngày.

ForecastArchiveTrends

Django + Django REST Framework

Backend API, chuẩn hoá dữ liệu, cache, phân quyền admin/user.

RESTProxyAuth

Supabase Postgres

Lưu trữ dữ liệu địa lý (tỉnh/thành, trạm), thống kê, cấu hình map layer.

PostgresSQL

Visualization (Apache Echarts)

Biểu đồ so sánh, xu hướng khí tượng, thống kê truy cập.

ChartsAnalyticsDashboard

Product

TÍNH NĂNG NỔI BẬT

Những điểm chính mà người dùng và admin sẽ thấy trong hệ thống.

Bản đồ thời tiết

Xem các lớp nhiệt độ, mây, mưa, gió, độ ẩm.

Dự báo theo giờ & theo ngày

Xem dữ liệu chi tiết theo khu vực. Biểu đồ trực quan, dễ so sánh.

Tìm kiếm khu vực nhanh

Tìm tỉnh/thành, zoom tới centroid.

Xu hướng thời tiết

Phát hiện xu hướng nóng/lạnh, mưa tăng/giảm… dựa trên dữ liệu tổng hợp.

Admin quản trị dữ liệu

Quản lý users, map layers, thống kê truy cập; workflow rõ ràng, dễ mở rộng.

Hiệu năng & mở rộng

Cache + proxy API; tối ưu request; sẵn sàng mở rộng nguồn dữ liệu/tiles.