Adicionar animações de caminho da câmera

Selecione a plataforma: Android iOS JavaScript

Você pode adicionar animações de trajetória da câmera ao seu mapa 3D para oferecer uma experiência mais imersiva aos usuários. As animações de trajetória da câmera podem voar até um ponto, voar ao redor ou ser combinadas para animar a câmera até um ponto no mapa, incluindo a especificação da altitude.

Voar para

O exemplo de código a seguir demonstra como usar o método Map.flyCameraTo para animar a câmera e fazê-la voar até um ponto específico em um 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: {}
)

Voar por aí

O exemplo de código a seguir demonstra como usar o método Map.flyCameraAround para animar a câmera e fazer com que ela voe ao redor de um ponto específico em um 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: {}
  )