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

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