Eksplorasi dan kontrol peta 3D

Pilih platform: Android iOS JavaScript

Ringkasan Kontrol

Peta yang ditampilkan melalui Peta 3D di Maps JavaScript API berisi elemen UI, yang dikenal sebagai kontrol eksplorasi, untuk mendukung interaksi pengguna dengan peta. Kontrol eksplorasi ditampilkan di UI peta secara default, tetapi dapat dinonaktifkan untuk memudahkan atau memberikan ruang bagi kontrol kustom. Perhatikan bahwa pintasan keyboard untuk penjelajahan peta tersedia saat kontrol UI dinonaktifkan.

Maps 3D di Maps JavaScript API juga mendukung panduan bagi pengguna di seluruh peta menggunakan jalur kamera preset. Jalur ini dapat disesuaikan dan digabungkan untuk menciptakan pengalaman 3D yang kaya.

Kontrol eksplorasi

Gambar berikut menunjukkan kumpulan kontrol default yang ditampilkan oleh Peta 3D di Maps JavaScript API:

Gambar peta dengan kontrol yang ada

Berikut adalah daftar rangkaian kontrol lengkap di Peta 3D dalam Maps JavaScript:

  • Kontrol zoom menampilkan tombol "+" dan "-" untuk mengubah tingkat zoom peta.
  • Kontrol pindah menampilkan tombol "←", "→", "↑", dan "↓" untuk mengubah pusat peta.
  • Kontrol putar memungkinkan Anda mengubah arah kamera.
  • Kontrol kemiringan memungkinkan Anda mengubah kemiringan kamera.
  • Kontrol kompas menunjukkan arah utara kompas, dan memungkinkan untuk mereset kamera ke arah utara.

Contoh kode berikut menunjukkan cara mengaktifkan/menonaktifkan kontrol eksplorasi:

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>

Langkah berikutnya