Kamera yolu animasyonları ekleme

Platform seçin: Android iOS JavaScript

Kullanıcılarınıza daha etkileyici bir deneyim sunmak için 3D haritanıza kamera yolu animasyonları ekleyebilirsiniz. Kamera yolu animasyonları, kamerayı haritada bir noktaya animasyonla götürmek için uçabilir, etrafında uçabilir veya birleştirilebilir. Bu noktaya kameranın yüksekliğini belirtmek de dahildir. altitude .

Git

Aşağıdaki kod örneğinde, kamerayı 3D haritada belirli bir noktaya uçacak şekilde animasyonla hareket ettirmek için Map.flyCameraTo yönteminin nasıl kullanılacağı gösterilmektedir.

Map(mode: .hybrid)
.flyCameraTo(
  camera: .init(
    center: .init(
      latitude: 47.6210296,
      longitude: -122.3496903,
      altitude: 585), // meters above mean sea level
    heading: 149.0,
    tilt: 77.0,
    roll: 0.0,
    range: 4000),
  duration: 5,
  trigger: animate,
  completion: {}
)

Uçarak dolaşma

Aşağıdaki kod örneğinde, kamerayı 3D haritadaki belirli bir nokta etrafında uçacak şekilde animasyonla hareket ettirmek için Map.flyCameraAround yönteminin nasıl kullanılacağı gösterilmektedir.

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
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )