SwiftUI - MapKit을 사용하여 지도 표시

4016 단어 XcodeSwiftSwiftUI
SWiftUI에서지도를 표시하는 방법을 비망록으로 남깁니다.

SwiftUI에서의지도 표시는 매우 간단했습니다.
아래 이미지와 같이 표시하겠습니다.



코드 구현


import SwiftUI
import MapKit

struct ContentView: View {
    @State private var location = MKCoordinateRegion(center: .init(latitude: 35.677735, longitude: 139.764740), latitudinalMeters: 500, longitudinalMeters: 500) //表示する座標、範囲設定、設定した座標を中心として表示

    var body: some View {
        Map(coordinateRegion: self.$location)
    }
}

위의 코드만이라면 세이프 에리어 때문에 화면 전체가 아닌 상하로 공간이 생겨 버립니다.
따라서 아래 코드를 설정하여 안전 영역을 무시하고 화면 전체에 맵을 표시할 수 있습니다.
.edgesIgnoringSafeArea(.all)

최종 소스 코드


import SwiftUI
import MapKit

struct ContentView: View {
    @State private var location = MKCoordinateRegion(center: .init(latitude: 35.677735, longitude: 139.764740), latitudinalMeters: 500, longitudinalMeters: 500) //表示する座標、範囲設定、設定した座標を中心として表示

    var body: some View {
        Map(coordinateRegion: self.$location)
            .edgesIgnoringSafeArea(.all) //これを設定することで画面全体にマップを表示してくれる

    }
}

좋은 웹페이지 즐겨찾기