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

Hướng dẫn sử dụng Map Viewer trong GeoCloud

T
Tác giả TLGeo
Thời gian đọc 5 min read

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

Trong hướng dẫn 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

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

Map Canvas (Khung bản đồ)

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)

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

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”

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)

Styling Layers

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

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

Identify Features

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

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

Công cụ đo lường

Đ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

  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

Base Maps và Background

Chọn Base Map

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

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

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

Tiếp theo

👉 Chia sẻ và phân quyền - Tìm hiểu cách chia sẻ dự án và quản lý quyền truy cập