您可以向 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: {}
)