新增攝影機路徑動畫

選取平台: 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: {}
  )