マーカーの衝突時動作を設定する

プラットフォームを選択: Android iOS JavaScript

3D 地図に追加するマーカーの衝突動作をカスタマイズできます。

マーカーの重なり合った場合の動作を示す地図ビュー

次のコードサンプルは、Marker 構造体の collisionBehavior を構成して、マーカーが別のマーカーや地図ラベルと重なった場合の動作を指定する方法を示しています。

Swift

Map(camera: $camera, mode: .hybrid) {
  Marker(
     position: .init(
        latitude: 37.794724,
        longitude:  -122.39442,
        altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .optionalAndHidesLowerPriority,
      extruded: true,
      label: "Marker 1"
    )
          
    Marker(
      position: .init(
          latitude: 37.7943220,
          longitude: -122.395073,
          altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .required,
      extruded: true,
      label: "Marker 2"
    )
          
    Marker(
      position: .init(
          latitude: 37.7934108,
          longitude: -122.396144,
          altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .requiredAndHidesOptional,
      extruded: true,
      label: "Marker 3"
    )
}