Kamerapfad-Animationen hinzufügen

Plattform auswählen: Android iOS JavaScript

Sie können Ihrer 3D-Karte Kamerapfad-Animationen hinzufügen, um die Nutzerumgebung noch ansprechender zu gestalten. Mit Kamerapfad-Animationen kann die Kamera zu einem Punkt auf der Karte fliegen, ihn umfliegen oder beides kombiniert werden. Dabei kann auch die Höhe angegeben werden.

Anfliegen

Das folgende Codebeispiel zeigt, wie Sie mit der Map.flyCameraTo Methode die Kamera so animieren, dass sie zu einem bestimmten Punkt auf einer 3D-Karte fliegt.

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

Umfliegen

Das folgende Codebeispiel zeigt, wie Sie mit der Map.flyCameraAround Methode die Kamera so animieren, dass sie einen bestimmten Punkt auf einer 3D-Karte umfliegt.

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