Adicionar animações de caminho da câmera

Selecione a plataforma: Android iOS JavaScript

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

Ao configurar um Camera para uma animação, é possível definir a propriedade altitudeMode para especificar como a altitude da câmera é interpretada:

  • AltitudeMode.absolute: interpreta a altitude como metros acima do nível médio do mar (o valor padrão, se não for especificado).
  • AltitudeMode.relativeToGround: interpreta a altitude como metros acima da superfície do solo no ponto central da câmera.
  • AltitudeMode.relativeToMesh: interpreta a altitude como metros acima da superfície de malha 3D mais alta (como edifícios ou terreno) no ponto central da câmera.

Voar para

O exemplo de código a seguir demonstra como usar o modificador flyCameraTo para animar o Camera e voar até um ponto específico em um mapa 3D.

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

Voar ao redor

O exemplo de código a seguir demonstra como usar o modificador flyCameraAround para animar a Camera para 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,
      altitudeMode: .relativeToGround
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )