Agrega animaciones de ruta de la cámara

Selecciona la plataforma: Android iOS JavaScript

Puedes agregar animaciones de ruta de cámara a tu mapa 3D para brindar una experiencia más envolvente a tus usuarios. Las animaciones de ruta de cámara pueden volar a un punto, volar alrededor de él o combinarse para animar la cámara a un punto del mapa, lo que incluye especificar su altitud .

Visualizar

En el siguiente código de ejemplo, se muestra cómo usar el Map.flyCameraTo método para animar la cámara para que vuele a un punto específico en un mapa 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: {}
)

Volar alrededor

En el siguiente código de ejemplo, se muestra cómo usar el Map.flyCameraAround método para animar la cámara para que vuele alrededor de un punto específico en un mapa 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: {}
  )