Configurare il comportamento di collisione degli indicatori

Seleziona la piattaforma: Android iOS JavaScript

Puoi personalizzare il comportamento della sovrapposizione dei marcatori che aggiungi a una mappa 3D.

Una visualizzazione mappa che mostra il comportamento della sovrapposizione degli indicatori

Il seguente esempio di codice mostra come configurare collisionBehavior di un Marker3D per specificare il comportamento di un marcatore in caso di collisione (sovrapposizione) con un altro marcatore o un'etichetta della mappa.

Map(camera: $camera, mode: .hybrid) {
  Marker3D(
     position: .init(
        latitude: 37.794724,
        longitude:  -122.39442,
        altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .optionalAndHidesLowerPriority,
      extruded: true,
      label: "Marker 1"
    )

    Marker3D(
      position: .init(
          latitude: 37.7943220,
          longitude: -122.395073,
          altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .required,
      extruded: true,
      label: "Marker 2"
    )

    Marker3D(
      position: .init(
          latitude: 37.7934108,
          longitude: -122.396144,
          altitude: 100.0),
      altitudeMode: .relativeToMesh,
      collisionBehavior: .requiredAndHidesOptional,
      extruded: true,
      label: "Marker 3"
    )
}