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 della mappa che mostra il comportamento della sovrapposizione degli indicatori

Il seguente esempio di codice mostra come configurare la collisionBehavior di un Marker per specificare il comportamento di un indicatore in caso di collisione (sovrapposizione) con un altro indicatore 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"
    )
}