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

اختيار النظام الأساسي: 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