إضافة تصميم ثلاثي الأبعاد إلى خريطة

اختيار النظام الأساسي: Android‏ iOS‏ JavaScript‏

يمكنك إضافة نموذج ثلاثي الأبعاد مستورَد إلى خريطة ثلاثية الأبعاد.

يوضّح نموذج الرمز البرمجي التالي كيفية إضافة نموذج ثلاثي الأبعاد وتحديد موضعه على الخريطة باستخدام البنية 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