Mengontrol posisi kamera

Di Peta 3D di Maps JavaScript API, Anda mengelola fokus kamera menggunakan opsi cameraPosition.

Perilaku Utama:

  • Dengan center: Koordinat lintang dan bujur menentukan titik persis pada peta yang menghadap kamera.
  • Dengan cameraPosition: Kamera itu sendiri ditempatkan di koordinat yang diberikan selama pembangunan. Hal ini sering kali membuat tampilan sulit dipusatkan pada titik minat tertentu.

Contoh berikut menunjukkan inisialisasi peta menggunakan opsi center untuk memastikan titik fokus tertentu. Penanda menunjukkan titik tengah yang diberikan dalam center:

CSS

gmp-map-3d {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
style.css

HTML

<html>
    <head>
        <title>3D Camera Position</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <gmp-map-3d
            center="40.7860524,-73.9634983,0"
            range="1500"
            tilt="70"
            heading="-150"
            mode="satellite">
            <gmp-marker position="40.7860524,-73.9634983" altitude-mode="clamp-to-ground"></gmp-marker>
        </gmp-map-3d>

        <script
            async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
    </body>
</html>
index.html

Mencoba Contoh

Ruang pandang dan rentang

Anda dapat menyesuaikan seberapa banyak peta yang terlihat di area tampilan menggunakan dua parameter berbeda: rentang dan fov. Meskipun keduanya memengaruhi tingkat "zoom", keduanya berfungsi secara berbeda:

  • range: Mengontrol jarak fisik antara kamera dan titik tengah. Menyesuaikan ini sama dengan mendekatkan atau menjauhkan kamera dari peta.

  • fov (Ruang Pandang): Mengontrol sudut lensa kamera. Nilai yang lebih tinggi berfungsi seperti lensa sudut lebar, yang menampilkan lebih banyak bagian luar, sedangkan nilai yang lebih rendah berfungsi seperti lensa telefoto.

Perbandingan berikut menunjukkan peta yang sama di ujung spektrum fov yang berlawanan. Di peta kiri, fov disetel ke 5 (sempit/telefoto); di peta kanan, fov disetel ke 80 (sudut lebar).

Perbandingan berdampingan dua rendering udara 3D Golden Gate Bridge. Sisi kiri menampilkan tampilan luas dari atas seluruh bentang jembatan dan Marin Headlands. Sisi kanan menampilkan tampilan sangat dekat menara suspensi merah dan dek jembatan pada sudut curam ke bawah.