Menambahkan animasi jalur kamera

Pilih platform: Android iOS JavaScript

Anda dapat menambahkan animasi jalur kamera ke peta 3D untuk memberikan pengalaman yang lebih imersif bagi pengguna. Animasi jalur kamera dapat terbang ke, terbang mengelilingi, atau dikombinasikan untuk menganimasikan Camera ke suatu titik di peta, termasuk menentukan ketinggian dan altitudeMode.

Saat mengonfigurasi Camera untuk animasi, Anda dapat menetapkan properti altitudeMode untuk menentukan cara ketinggian kamera ditafsirkan:

  • AltitudeMode.absolute: Menafsirkan ketinggian sebagai meter di atas permukaan laut rata-rata (nilai default jika tidak ditentukan).
  • AltitudeMode.relativeToGround: Menafsirkan ketinggian sebagai meter di atas permukaan tanah pada titik tengah kamera.
  • AltitudeMode.relativeToMesh: Menafsirkan ketinggian sebagai meter di atas permukaan mesh 3D tertinggi (seperti bangunan atau medan) di titik tengah kamera.

Terbang ke

Contoh kode berikut menunjukkan cara menggunakan pengubah flyCameraTo untuk menganimasikan Camera agar terbang ke titik tertentu di peta 3D.

Map(mode: .hybrid)
  .flyCameraTo(
    .init(
      center: .init(
        latitude: 47.6210296,
        longitude: -122.3496903,
        altitude: 585
      ),
      heading: 149.0,
      tilt: 77.0,
      roll: 0.0,
      range: 4000,
      altitudeMode: .relativeToGround
    ),
    duration: 5,
    trigger: animate,
    completion: {}
  )

Terbang berkeliling

Contoh kode berikut menunjukkan cara menggunakan pengubah flyCameraAround untuk menganimasikan Camera agar terbang di sekitar titik tertentu pada peta 3D.

Map(mode: .hybrid)
  .flyCameraAround(
    .init(
      center: .init(
        latitude: 47.6210296,
        longitude: -122.3496903,
        altitude: 585
      ),
      heading: 149.0,
      tilt: 77.0,
      roll: 0.0,
      range: 3000,
      altitudeMode: .relativeToGround
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )