Chuyển tới nội dung chính

Giao diện bản đồ cơ bản

Trong tutorial này, bạn sẽ học cách sử dụng Map Viewer trong Geocloud - nơi bạn có thể xem, phân tích và tương tác với dữ liệu GIS.

Tại sao Map Viewer quan trọng?​

Map Viewer là trái tim của Geocloud, nơi dữ liệu GIS trở nên sống động và có ý nghĩa. Đây là nơi bạn:

  • 🗺️ Trực quan hóa dữ liệu theo cách dễ hiểu nhất
  • 🔍 Phân tích không gian để tìm ra insights
  • 🎨 Tạo bản đồ đẹp cho báo cáo và presentation
  • 📊 Khám phá patterns trong dữ liệu địa lý
  • 🤝 Chia sẻ kết quả với đội nhóm và stakeholders

Tổng quan Map Viewer​

Map Viewer Interface

Giao diện Map Viewer với bản đồ tương tác và các công cụ đầy đủ

Map Viewer là công cụ chính để xem và làm việc với bản đồ trong Geocloud. Nó cung cấp:

  • Trực quan hóa bản đồ tương tác
  • Quản lý layer và styling
  • Công cụ phân tích dữ liệu
  • Công cụ đo đạc và vẽ
  • Khả năng export và chia sẻ

Các thành phần giao diện​

Map Canvas (Khung bản đồ)​

Khu vực hiển thị bản đồ chính với điều khiển navigation

Khu vực chính:

  • Hiển thị bản đồ và dữ liệu
  • Chức năng zoom và pan
  • Tương tác bằng chuột/touch
  • Context menu (click chuột phải)

Điều khiển Navigation:

  • Zoom In/Out: Nút + / -
  • Pan: Kéo bản đồ
  • Full Extent: Hiển thị toàn bộ dữ liệu
  • Home: Reset về view ban đầu

Toolbar (Thanh công cụ)​

Công cụ cơ bản:

  • Select: Chọn features trên bản đồ
  • Pan: Di chuyển bản đồ
  • Zoom: Phóng to/thu nhỏ
  • Identify: Xem thông tin feature

Công cụ vẽ:

  • Point: Vẽ điểm
  • Line: Vẽ đường
  • Polygon: Vẽ vùng
  • Text: Thêm nhãn text

Công cụ đo đạc:

  • Distance: Đo khoảng cách
  • Area: Đo diện tích
  • Coordinates: Xem tọa độ

Layer Panel (Bảng layers)​

Quản lý tất cả các layers trong bản đồ

Danh sách Layer:

  • Bật/tắt hiển thị layer
  • Sắp xếp lại layers (drag & drop)
  • Thuộc tính và cài đặt layer
  • Điều khiển độ trong suốt

Thao tác Layer:

  • Zoom to Layer: Phóng to đến layer
  • Remove: Xóa layer
  • Properties: Cài đặt layer
  • Export: Tải layer xuống

Làm việc với Layers​

Thêm Layer mới​

Geocloud cho phép thêm layer từ nhiều nguồn khác nhau

Từ Project Data:

  1. Click nút "Add Layer"
  2. Chọn "From Project"
  3. Browse và chọn dữ liệu
  4. Click "Add to Map"

Nguồn bên ngoài Planned:

  • Web Map Service (WMS)
  • Web Feature Service (WFS)
  • Tile services (XYZ)
  • ArcGIS REST services

Quản lý Layer​

Thứ tự Layer:

  • Kéo thả để sắp xếp
  • Layer trên sẽ hiển thị trước
  • Background layers ở dưới cùng

Điều khiển hiển thị:

  • Bật/tắt với checkbox
  • Đặt độ trong suốt (0-100%)
  • Hiển thị có điều kiện (phụ thuộc scale)

Nhóm Layer:

  • Tạo groups để doanh nghiệp
  • Thu gọn/mở rộng groups
  • Điều khiển cấp group

Styling Layers​

Tùy chỉnh giao diện để tạo bản đồ đẹp và dễ hiểu

Styling cơ bản:

  • Màu sắc: Chọn màu fill và outline
  • Kích thước: Kích thước symbols
  • Kiểu dáng: Loại symbol (circle, square, etc.)
  • Độ trong suốt: Điều chỉnh transparency

Styling nâng cao Partial:

  • Categorized: Style theo giá trị field
  • Graduated: Style theo khoảng giá trị
  • Rule-based: Style với điều kiện
  • Expressions: Style với công thức

Tương tác với dữ liệu​

Identify Features​

Khám phá thông tin chi tiết của các đối tượng trên bản đồ

Popup thông tin:

  • Click feature để xem thông tin
  • Hiển thị attributes trong popup
  • Navigate qua nhiều features
  • Cấu hình popup tùy chỉnh

Hiển thị thuộc tính:

  • Tên field và giá trị
  • Định dạng số và ngày tháng
  • Hyperlinks và hình ảnh
  • Dữ liệu bảng liên quan

Select Features​

Chọn và làm việc với các đối tượng cụ thể

Phương thức chọn:

  • Click: Chọn 1 feature
  • Rectangle: Chọn trong hình chữ nhật
  • Polygon: Chọn trong vùng tự vẽ
  • Radius: Chọn trong bán kính

Thao tác với lựa chọn:

  • Xem thuộc tính đã chọn
  • Export các features đã chọn
  • Xóa lựa chọn
  • Đảo ngược lựa chọn

Search và Filter Planned​

Tìm kiếm và lọc dữ liệu theo nhiều tiêu chí

Hộp tìm kiếm:

  • Tìm kiếm theo tên
  • Search trong attributes
  • Spatial search
  • Regular expressions

Bảng lọc:

  • Lọc theo giá trị field
  • Lọc khoảng thời gian
  • Lọc khoảng số
  • Nhiều điều kiện lọc

Công cụ đo lường​

Đo khoảng cách​

Đo khoảng cách giữa các điểm trên bản đồ

Cách đo khoảng cách:

  1. Click công cụ Measure Distance
  2. Click điểm bắt đầu
  3. Click các điểm trung gian
  4. Double-click để kết thúc
  5. Xem kết quả trong popup

Đơn vị: Mét, kilômét, feet, dặm

Đo diện tích​

Đo diện tích của các vùng trên bản đồ

Cách đo diện tích:

  1. Click công cụ Measure Area
  2. Click để vẽ boundary polygon
  3. Double-click để kết thúc
  4. Xem diện tích trong popup

Đơn vị: Mét vuông, hecta, feet vuông, acre

Hiển thị tọa độ​

Xem tọa độ các điểm trên bản đồ

Hiển thị tọa độ:

  • Tọa độ vị trí chuột
  • Nhiều hệ tọa độ khác nhau
  • Tùy chọn định dạng (DD, DMS, UTM)
  • Copy tọa độ vào clipboard

Base Maps và Background​

Chọn Base Map​

Lựa chọn nền bản đồ phù hợp cho dự án

Base Maps có sẵn:

  • OpenStreetMap: Miễn phí, chi tiết
  • Satellite: Hình ảnh vệ tinh
  • Topographic: Bản đồ địa hình
  • Dark/Light: Style tối giản

Base Maps tùy chỉnh:

  • Thêm WMS/WMTS services
  • Tile server URLs
  • MBTiles files
  • Custom styling

Overlay Services Planned​

Thêm các lớp dữ liệu tham khảo

Dữ liệu thời tiết:

  • Radar imagery
  • Satellite weather
  • Trạm thời tiết
  • Mô hình dự báo

Dữ liệu tham khảo:

  • Ranh giới hành chính
  • Mạng lưới giao thông
  • Đường đồng mức
  • Sử dụng đất/lớp phủ

Công cụ phân tích Planned​

Phân tích cơ bản​

Thực hiện các phân tích không gian đơn giản

Phân tích Buffer:

  • Tạo vùng buffer quanh features
  • Đặt khoảng cách buffer
  • Hòa tan buffer chồng lấp
  • Export kết quả

Phân tích khoảng cách:

  • Tìm features gần nhất
  • Tính toán khoảng cách
  • Phân tích vùng phục vụ
  • Phân tích mạng lưới

Truy vấn dữ liệu​

Truy vấn không gian:

  • Features giao với vùng
  • Features trong khoảng cách
  • Chứa trong polygons
  • Features chồng lấp

Truy vấn thuộc tính:

  • Biểu thức kiểu SQL
  • Tính toán field
  • Tóm tắt thống kê
  • Nhóm theo operations

Export và In ấn​

Export bản đồ​

Xuất bản đồ ra nhiều định dạng khác nhau

Export hình ảnh:

  • Định dạng PNG, JPG, PDF
  • Độ phân giải tùy chỉnh
  • Tỷ lệ và hướng
  • Tiêu đề và chú giải

Export dữ liệu:

  • Export features hiển thị
  • Export features đã chọn
  • Nhiều định dạng có sẵn
  • Tùy chọn hệ tọa độ

Template in:

  • Layouts định sẵn
  • Kích thước trang tùy chỉnh
  • Dọc/ngang
  • Nhiều thành phần

Thành phần bản đồ:

  • Tiêu đề và phụ đề
  • Chú giải
  • Thanh tỷ lệ
  • Mũi tên hướng Bắc
  • Copyright/attribution

Keyboard Shortcuts​

  • Space + Drag: Pan bản đồ
  • Scroll: Zoom in/out
  • Shift + Drag: Zoom đến hình chữ nhật
  • R: Reset về full extent

Công cụ​

  • S: Select tool
  • P: Pan tool
  • I: Identify tool
  • M: Measure tool

Chung​

  • Ctrl + Z: Undo
  • Ctrl + Y: Redo
  • Esc: Hủy thao tác hiện tại
  • Delete: Xóa features đã chọn

Tips và Best Practices​

Tối ưu hiệu suất​

Datasets lớn:

  • Sử dụng scale-dependent visibility
  • Đơn giản hóa geometries phức tạp
  • Cluster point data
  • Giới hạn features hiển thị

Tải bản đồ:

  • Tối ưu thứ tự layer
  • Sử dụng symbology phù hợp
  • Cache dữ liệu thường dùng
  • Giám sát memory usage

Trải nghiệm người dùng​

Thiết kế bản đồ:

  • Sử dụng symbology nhất quán
  • Bảng màu phù hợp
  • Tên layer rõ ràng
  • Nhóm layer logic

Thiết kế tương tác:

  • Nội dung popup trực quan
  • Tooltips có ý nghĩa
  • Phản hồi công cụ rõ ràng
  • Thiết kế responsive

Tích hợp với MapLibre GL​

Geocloud sử dụng MapLibre GL làm engine bản đồ:

Hiệu suất cao​

  • Vector tiles rendering
  • Hardware acceleration
  • Smooth animations
  • 60 FPS interactions

Styling linh hoạt​

  • Style JSON configuration
  • Custom shaders
  • 3D visualization
  • Dynamic styling

Mobile-friendly​

  • Touch gestures
  • Retina display support
  • Offline capabilities
  • Progressive loading

Tiếp theo​

Trong tutorial tiếp theo: Chia sẻ và phân quyền