3D モデルを地図に追加する

プラットフォームを選択: Android iOS JavaScript

独自のインポートした 3D モデルを 3D 地図に追加できます。

3D モデルを表示した地図ビュー

次のコードサンプルは、Model 構造体を使用して 3D モデルを追加し、3D 空間に配置する方法を示しています。

Swift

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