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

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

يمكنك إضافة تصميم ثلاثي الأبعاد تم استيراده إلى خريطة ثلاثية الأبعاد.

طريقة عرض الخريطة التي تعرض تصميمًا ثلاثي الأبعاد

يوضّح نموذج الرمز البرمجي التالي كيفية إضافة تصميم ثلاثي الأبعاد وتحديد موقعه على الخريطة باستخدام بنية Model.

struct SimpleModelDemo: View {
  @State var camera: Camera = .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(
      latitude: 37.791376,
      longitude: -122.397571,
      altitude: 200.0),
    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