Adicionar um modelo 3D a um mapa

Selecione a plataforma: Android iOS JavaScript

É possível adicionar seu próprio modelo 3D importado a um mapa 3D.

Uma visualização de mapa mostrando um modelo 3D

O exemplo de código a seguir demonstra como adicionar um modelo 3D e posicioná-lo no mapa usando o 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