Khám phá và điều khiển bản đồ 3D

Chọn nền tảng: Android iOS JavaScript

Tổng quan về các chế độ kiểm soát

Bản đồ hiển thị thông qua Bản đồ 3D trong Maps JavaScript API chứa các phần tử trên giao diện người dùng, được gọi là các chế độ kiểm soát khám phá, để hỗ trợ người dùng tương tác với bản đồ. Theo mặc định, các chế độ điều khiển khám phá sẽ xuất hiện trong giao diện người dùng của bản đồ, nhưng bạn có thể tắt các chế độ này để đơn giản hoá hoặc để nhường chỗ cho các chế độ điều khiển tuỳ chỉnh. Xin lưu ý rằng bạn có thể sử dụng phím tắt để khám phá trên bản đồ khi các thành phần điều khiển trên giao diện người dùng bị tắt.

Bản đồ 3D trong API JavaScript của Maps cũng hỗ trợ hướng dẫn người dùng xem bản đồ bằng cách sử dụng đường dẫn camera đặt trước. Bạn có thể tuỳ chỉnh và kết hợp các đường dẫn này để tạo ra trải nghiệm 3D phong phú.

Chế độ kiểm soát hoạt động khám phá

Hình ảnh sau đây cho thấy nhóm chế độ điều khiển mặc định mà Bản đồ 3D hiển thị trong Maps JavaScript API:

Hình ảnh bản đồ có các nút điều khiển

Dưới đây là danh sách đầy đủ các chế độ điều khiển trong Bản đồ 3D trong Maps JavaScript:

  • Điều khiển thu phóng hiển thị các nút "+" và "-" để thay đổi mức thu phóng của bản đồ.
  • Nút điều khiển di chuyển hiển thị các nút "←", "→", "↑" và "↓" để thay đổi tâm của bản đồ.
  • Các nút điều khiển xoay cho phép bạn thay đổi hướng của camera.
  • Chế độ điều khiển độ nghiêng cho phép bạn thay đổi độ nghiêng của camera.
  • Điều khiển la bàn cho biết hướng bắc của la bàn và cho phép đặt lại camera về hướng bắc.

Mã mẫu sau đây minh hoạ cách bật/tắt các chế độ điều khiển khám phá:

JavaScript

const map = new Map3DElement({
  center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
  tilt: 75,
  heading: 330,
  mode: MapMode.SATELLITE,
  defaultUIHidden: true,
});

HTML

<gmp-map-3d
  mode="hybrid"
  range="639.274301042242"
  tilt="64.92100184857551"
  center="34.0768990953219,-118.47450491266041,292.9794737933403"
  heading="-61.02026752077781"
  default-ui-disabled
></gmp-map-3d>

Các bước tiếp theo