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

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