【SwiftUI】3Dマップと2Dマップを切り替える（iOS17）

はじめに

iOS17のMapKitに関する記事をいくつか書きました。
新規のはまだまだあるので記事にしていきます。

今回は3Dと2Dの切り替えです。

サンプルアプリ

実装

import SwiftUI
import MapKit

struct ContentView: View {
    // 東京駅の座標
    @State private var position: MapCameraPosition = .region(.init(
        center: .init(latitude: 35.681236, longitude: 139.767125),
        span: .init(latitudeDelta: 0.005, longitudeDelta: 0.005)
    ))

    var body: some View {
        Map(position: $position)
            .mapControls {
                MapPitchToggle()
            }
    }
}

解説

今回の新機能は2つあります。
1つ目はmapControlsです。
mapControlsの中に追加するとマップの左上にViewが表示されます。

.mapControls {
    // View
}

2つ目はMapPitchToggleです。
これが3Dマップと2Dマップを切り替えている機能です。

MapPitchToggle()

おわり

まじで便利になりましたねー
ピンのグルーピングはできるんですかね？

公式ドキュメント