カメラパス アニメーションを追加する

このプロダクトまたは機能は、pre-GA（一般提供前）の試験運用版です。pre-GA のプロダクトや機能では、サポートが限定されることがあります。また、pre-GA のプロダクトや機能の変更は、他の pre-GA バージョンには対応していない場合があります。pre-GA のサービスには、Google Maps Platform サービス固有の規約が適用されます。詳しくは、 リリース ステージの説明をご覧ください。

プラットフォームを選択: 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: {}
  )