技術ブログ

プログラミング、IT関連の記事中心

SwiftUIでMapKitを利用して地図を表示する【Swift】

◾️はじめに

SwiftUIのプロジェクト作成」の記事で紹介しているSwiftUIのプロジェクトを作成できる前提とします。(作成方法がわからない場合は「SwiftUIのプロジェクト作成」の記事を参照してください。)

■SwiftUIでMapKitを利用して地図を表示する

1.以下のソースを記載して、「MapKit」をインポートする。

import MapKit

2.以下のソースを記載して、継承を「UIViewRepresentable」に変更し、必要な関数を記載する。

struct ContentView: UIViewRepresentable {
    func makeUIView(context: Context) -> MKMapView {
        MKMapView(frame: .zero)
    }
    
    
    func updateUIView(_ view: MKMapView, context: Context) {
    }
}

3.プレビュー画面の「Resume」を押下する。

4.プレビュー画面の「ライブプレビュー」ボタンを押下する。

5.マップが表示されれば成功です。