Bản đồ (Map)

Module Bản đồ sử dụng Mapbox GL JS 3.11 kết hợp plugin @mapbox/mapbox-gl-draw để vẽ polygon. Hỗ trợ nhiều basemap (Google Satellite, Google Hybrid, OSM, MBTiles nội bộ) và các layer overlay (orthophoto ODM, GeoJSON động).

Tính năng chính

• Hiển thị nhiều basemap: Google Satellite, Google Hybrid, OpenStreetMap, MBTiles nội bộ
• Vẽ polygon trực tiếp trên bản đồ
• Hiển thị overlay orthophoto từ kết quả ghép ảnh ODM
• Highlight & Blink feature: Hiệu ứng focus vào feature quan trọng
• Chuyển đổi hệ tọa độ: Hỗ trợ VN-2000, WGS84 (dùng proj4)

Mở màn hình Bản đồ

Từ màn hình chính, click vào thẻ Bản đồ (nhóm KHÁC).

TODO: Chụp ảnh màn hình MapScreen.

Chọn basemap

Sử dụng Basemap Selector để chuyển đổi giữa các basemap:

Lưu ý: khi đổi basemap, polygon & overlay đã vẽ vẫn được giữ nguyên.

Vẽ polygon

Sử dụng Draw tool (góc trên bên phải) để:

1. Click Draw polygon
2. Click từng điểm trên bản đồ
3. Click 2 lần vào điểm cuối cùng để hoàn tất
4. TODO: Chụp ảnh các bước vẽ polygon

Polygon sẽ được hiển thị dưới dạng fill + line layer trên bản đồ.

Hiển thị overlay

Tích hợp với các module khác

• Lập lưới bay: Polygon vẽ trong bản đồ có thể dùng làm khu vực bay
• Ghép ảnh ODM: Orthophoto từ ODM hiển thị trực tiếp trên bản đồ
• OCR Project: Chọn vị trí thửa đất ngay trên bản đồ
• Tìm ảnh vệ tinh: TODO: xác nhận tích hợp

Tích hợp với TLGeo Cloud

Một số dữ liệu bản đồ online lấy từ Strapi:

• GET /map-datas?filters[category][$eq]=forest → danh sách MBTiles URL
• GET /map-datas/:id/file → file MBTiles

TODO: Bổ sung ảnh chụp màn hình OnlineMapDataScreen.

Lỗi thường gặp & cách xử lý

Liên kết

• Lập lưới bay
• Ghép ảnh ODM
• OCR Project