添加摄像头路径动画

请选择平台： Android iOS JavaScript

您可以向 3D 地图添加相机路径动画，为用户提供更具沉浸感的体验。相机路径动画可以飞往、环绕或 组合起来，以动画方式将 Camera 移动到地图上的某个点，包括指定其 海拔高度 和 altitudeMode。

为动画配置 Camera 时，您可以设置 altitudeMode 属性，以指定如何解读相机的海拔高度：

• AltitudeMode.absolute：将海拔高度解读为高于平均海平面的米数（如果未指定，则为默认值）。
• AltitudeMode.relativeToGround：将海拔高度解读为高于相机中心点地面表面的米数。
• AltitudeMode.relativeToMesh：将海拔高度解读为高于相机中心点最高 3D 网格表面（例如建筑物或地形）的米数。

注意： altitudeMode 上的 Camera 仅适用于 flyCameraTo 和 flyCameraAround 动画。

前往

以下代码示例演示了如何使用 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: {}
  )