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 agar lebih sederhana atau untuk memberi ruang bagi kontrol kustom. Perhatikan bahwa pintasan keyboard untuk eksplorasi peta tersedia saat kontrol UI dinonaktifkan.

Peta 3D di Maps JavaScript API juga mendukung pemandu pengguna di sekitar 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 di 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 kamera direset ke arah utara.

Contoh kode berikut menunjukkan cara mengganti 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