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

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