[swift] Swift UI에서 사용되는 맵과 위치 서비스 이용 방법에 대해 알려주세요.

01 Dec 2023

swift

Swift UI는 iOS 앱을 개발하는 데 사용되는 최신 UI 프레임워크입니다. 맵과 위치 서비스는 iOS 앱에서 매우 중요한 기능 중 하나로, 사용자의 현재 위치를 파악하거나 지도를 표시하는 등의 작업에 유용하게 사용됩니다. 이번 포스트에서는 Swift UI에서 맵과 위치 서비스를 어떻게 이용할 수 있는지 알아보겠습니다.

맵 표시하기

Swift UI에서 맵을 표시하려면 Map 뷰를 사용해야 합니다. 먼저, MapKit을 import한 다음 Map 뷰를 생성합니다.

import SwiftUI
import MapKit

struct MapView: UIViewRepresentable {
    func makeUIView(context: Context) -> MKMapView {
        return MKMapView()
    }
    
    func updateUIView(_ uiView: MKMapView, context: Context) {
        // 맵 적용하고 싶은 로직 작성하기
    }
}

struct ContentView: View {
    var body: some View {
        MapView()
        .edgesIgnoringSafeArea(.all)
    }
}

MapView는 UIViewRepresentable 프로토콜을 구현합니다. makeUIView 함수에서는 실제 MKMapView를 생성하고, updateUIView 함수에서는 맵에 관련된 로직을 작성합니다. ContentView에서는 MapView를 사용하고, .edgesIgnoringSafeArea(.all)를 통해 맵을 화면 전체에 표시할 수 있습니다.

위치 서비스 이용하기

Swift UI에서 위치 서비스를 이용하려면 CLLocationManager를 사용해야 합니다. 먼저, 위치 서비스를 요청하는데 필요한 권한을 설정해야 합니다. Info.plist에 다음 항목을 추가하여 위치 서비스 권한을 설정할 수 있습니다.

<key>NSLocationWhenInUseUsageDescription</key>
<string>Your message goes here</string>

위치 서비스 권한을 설정한 후에는, CLLocationManager를 사용하여 위치 정보를 가져오는 등의 작업을 수행할 수 있습니다. 다음은 위치 서비스를 이용하여 현재 위치를 가져오는 예시 코드입니다.

import SwiftUI
import CoreLocation

struct LocationView: View {
    @State private var location: CLLocation? = nil
    let locationManager = CLLocationManager()
    
    var body: some View {
        VStack {
            Button("Get Location") {
                self.requestLocation()
            }
            
            if let location = location {
                Text("Lat: \(location.coordinate.latitude), Lon: \(location.coordinate.longitude)")
            }
        }
    }
    
    func requestLocation() {
        locationManager.requestWhenInUseAuthorization()
        
        if CLLocationManager.locationServicesEnabled() {
            locationManager.delegate = self
            locationManager.desiredAccuracy = kCLLocationAccuracyBest
            locationManager.startUpdatingLocation()
        }
    }
}

extension LocationView: CLLocationManagerDelegate {
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        self.location = locations.last
        manager.stopUpdatingLocation()
    }
}

LocationView에서는 버튼을 클릭하면 requestLocation 함수가 호출됩니다. 이 함수에서 위치 서비스 권한을 요청하고, CLLocationManager를 초기화한 후 위치 업데이트를 시작합니다. 위치 정보가 업데이트 될 때마다 didUpdateLocations 콜백이 호출되며, 마지막 위치 정보를 location 변수에 저장합니다.

이렇게 Swift UI에서 맵과 위치 서비스를 사용하는 방법을 살펴보았습니다. 이를 활용하여 다양한 기능을 구현해보세요.

맵 표시하기

위치 서비스 이용하기

참고 자료