Ajouter des animations de parcours de la caméra

Vous pouvez ajouter des animations de chemin de caméra à votre carte 3D pour offrir une expérience plus immersive à vos utilisateurs. Les animations de chemin de caméra peuvent se déplacer vers un point, le survoler ou être combinées pour animer la caméra vers un point de la carte, y compris en spécifiant son altitude .

Aller à

L'exemple de code suivant montre comment utiliser la Map.flyCameraTo méthode pour animer la caméra afin qu'elle se déplace vers un point spécifique sur une carte 3D.

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: {}
)

Survoler

L'exemple de code suivant montre comment utiliser la Map.flyCameraAround méthode pour animer la caméra afin qu'elle survole un point spécifique sur une carte 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
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )