Agrega animaciones de ruta de la cámara

Selecciona la plataforma: Android iOS JavaScript

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

Visualizar

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

Vuela alrededor

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