Aggiungere un modello 3D a una mappa

Seleziona la piattaforma: Android iOS JavaScript

Puoi aggiungere il tuo modello 3D importato a una mappa 3D.

Una visualizzazione mappa che mostra un modello 3D

Il seguente esempio di codice mostra come aggiungere un modello 3D e posizionarlo sulla mappa utilizzando la struttura Model.

struct SimpleModelDemo: View {
  @State var camera: Camera = .init(
    center: .init(latitude: 37.791376, longitude: -122.397571,  altitude: 240),
    heading: 288.0,
    tilt: 88.0,
    roll: 0.0,
    range: 1500)
    @State var balloonModel: Model = .init(
      position: LatLngAltitude(
        latitude: 37.7845812,
        longitude: -122.3660241,
        altitude: 585),
      url: URL(fileURLWithPath: fileUrl),
    altitudeMode: .relativeToMesh,
    scale: .init(x: 5, y: 5, z: 5),
    orientation: .init(heading: 0, tilt: 0, roll: 0)
  )
  var body: some View {
    Map(camera: $camera, mode: .satellite) {
        balloonModel
    }
  }
}
private let fileUrl = Bundle.main.url(forResource: "balloon", withExtension: "glb")!.path