Kamerapfad-Animationen hinzufügen

Plattform auswählen: Android iOS JavaScript

Sie können Ihrer 3D-Karte Kamerapfad-Animationen hinzufügen, um Ihren Nutzern eine noch intensivere Erfahrung zu bieten. Bei Kamerapfad-Animationen kann die Camera zu einem Punkt auf der Karte fliegen, um ihn herumfliegen oder beides kombiniert werden. Dabei können auch die Höhe und die altitudeMode angegeben werden.

Wenn Sie eine Camera für eine Animation konfigurieren, können Sie mit der Property altitudeMode festlegen, wie die Höhe der Kamera interpretiert wird:

  • AltitudeMode.absolute: Interpretiert die Höhe als Meter über dem Meeresspiegel (der Standardwert, wenn nicht angegeben).
  • AltitudeMode.relativeToGround: Die Höhe wird als Meter über der Erdoberfläche am Mittelpunkt der Kamera interpretiert.
  • AltitudeMode.relativeToMesh: Die Höhe wird als Meter über der höchsten 3D-Mesh-Oberfläche (z. B. Gebäude oder Gelände) am Mittelpunkt der Kamera interpretiert.

Anfliegen

Im folgenden Codebeispiel wird gezeigt, wie Sie mit dem Modifikator flyCameraTo die Camera so animieren, dass sie zu einem bestimmten Punkt auf einer 3D-Karte fliegt.

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

Herumfliegen

Im folgenden Codebeispiel wird gezeigt, wie Sie mit dem Modifikator flyCameraAround die Camera so animieren, dass sie um einen bestimmten Punkt auf einer 3D-Karte fliegt.

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