Menambahkan model 3D ke peta

Pilih platform: Android iOS JavaScript

Anda dapat menambahkan model 3D impor Anda sendiri ke peta 3D.

Tampilan peta yang menampilkan model 3D

Contoh kode berikut menunjukkan cara menambahkan model 3D dan memosisikannya di peta menggunakan Model struct.

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: .init(
      LatLngAltitude(
      latitude: 37.7845812,
      longitude: -122.3660241,
      altitude: 585),
    url: URL(string: "") ?? 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