添加摄像头路径动画

请选择平台: 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: {}
  )