카메라 경로 애니메이션 추가

플랫폼 선택: Android iOS JavaScript

3D 지도에 카메라 경로 애니메이션을 추가하여 사용자에게 더 몰입감 있는 환경을 제공할 수 있습니다. 카메라 경로 애니메이션을 사용하면 카메라가 지도상의 한 지점으로 이동하거나, 그 주위를 날아다니거나, 결합하여 카메라를 애니메이션으로 표시할 수 있습니다. 이때 고도를 지정할 수도 있습니다.

빠른 이동

다음 코드 샘플은 Map.flyCameraTo 메서드를 사용하여 카메라가 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: {}
)

둘러보기

다음 코드 샘플은 Map.flyCameraAround 메서드를 사용하여 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: {}
  )