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

플랫폼 선택: Android iOS JavaScript

3D 지도에 카메라 경로 애니메이션을 추가하여 사용자에게 더욱 몰입감 있는 환경을 제공할 수 있습니다. 카메라 경로 애니메이션은 지도상의 한 지점으로 날아가거나, 그 지점을 중심으로 날아다니거나, 애니메이션 처리하기 위해 Camera 결합될 수 있으며, 여기에는 고도 및 altitudeMode지정이 포함됩니다.

애니메이션을 위해 Camera 를 구성할 때 altitudeMode 속성을 설정하여 카메라의 고도가 해석되는 방식을 지정할 수 있습니다.

빠른 이동

다음 코드 샘플은 flyCameraTo 수정자를 사용하여 Camera 가 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: {}
  )

둘러보기

다음 코드 샘플은 flyCameraAround 수정자를 사용하여 Camera 가 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: {}
  )