Agrega un modelo 3D a un mapa

Selecciona la plataforma: Android iOS JavaScript

Puedes agregar tu propio modelo 3D importado a un mapa en 3D.

Una vista de mapa que muestra un modelo 3D

En la siguiente muestra de código, se indica cómo agregar un modelo 3D y posicionarlo en el mapa con el struct 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