Configurare il comportamento di collisione degli indicatori

Seleziona la piattaforma: Android iOS JavaScript

Puoi personalizzare il comportamento della sovrapposizione dei marker 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 indicatore in caso di collisione (sovrapposizione) con un altro indicatore o un'altra 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"
    )
}