Maps(MapKit, core location) 사용 관련

[TopiaYu]

현상

1. swiftui에서 mapkit을 사용중인데 사용자의 현재 위치에서 annotation을 사용하는것은 가능하나, 위치가 변경될 시 annotation이 기존 위치에서 찍히고 변경된 위치에서 찍히지 않음

2. user location button은 작동하지만 map rotation, 3d 코드를 써도 작동이 안됨
   원인

.onAppear {
                if let userLocation = locationManager.location, !isRegionSet {
                    region = MKCoordinateRegion(center: userLocation.coordinate, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
                    baseLocation = userLocation.coordinate
                    isRegionSet = true // 초기 위치가 설정되었음을 표시
                }
            }
            .onChange(of: locationManager.location) { newLocation in
                if let newLocation = newLocation, !isRegionSet {
                    region = MKCoordinateRegion(center: newLocation.coordinate, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
                    baseLocation = newLocation.coordinate
                    isRegionSet = true // 초기 위치가 설정되었음을 표시
                }
            }

.mapControls{
                MapUserLocationButton()
                MapScaleView()
                MapCompass()
                MapPitchToggle()
            }

시도

.onAppear {
    if let userLocation = locationManager.location {
        baseLocation = userLocation.coordinate
    }
}

.onChange(of: locationManager.location) { newLocation in
    if let newLocation = newLocation {
        baseLocation = newLocation.coordinate
        addAnnotation(at: newLocation.coordinate)
    }
}

을 하면 변경되는 위치에는 찍히지만, 지도 이동이 불가해짐

[moonkey48]

혹시 baseLocation이 어떻게 활용되고 있을까요? 전체 코드 공유 가능할까요 ? :)

[TopiaYu]

import SwiftUI
import MapKit
import CoreLocation

// 커스텀 어노테이션 구조체 생성
struct AnnotationItem: Identifiable {
    let id = UUID()
    var coordinate: CLLocationCoordinate2D
    var isSpecial: Bool
}

struct SwiftUIView: View {
    @State private var region = MKCoordinateRegion(
        /*center: CLLocationCoordinate2D(latitude: 36.01385, longitude: 129.32547)*/
        center: CLLocationCoordinate2D(latitude: 37.334_900,longitude: -122.009_020),
        span: MKCoordinateSpan(latitudeDelta: 0.1, longitudeDelta: 0.1)
    )
    
    @State private var annotations: [AnnotationItem] = []
    @State private var timer = Timer.publish(every: 3
                                             , on: .main, in: .common).autoconnect() // 5초마다 실행
    @State private var midnightTimer = Timer.publish(every: 60, on: .main, in: .common).autoconnect() // 자정 확인 타이머
    
    @StateObject private var locationManager = LocationManager()// corelocation
//    @State private var isRegionSet = false // 초기 위치 설정 여부
    @State private var baseLocation : CLLocationCoordinate2D? // baseLocation을 현재위치로 사용
    
    @State private var specialAnnotationCounter = 0//스페셜한 어노테이션 수
    @State private var selectedSpecialAnnotation: AnnotationItem? // 선택된 어노테이션(선택시 업데이트;sheet를 통해 모달 올리기)
    
    let maxAnnotations = 48 // 최대 어노테이션 수
    let gridSize = 6
    let cellSize = 0.0001
    
    var body: some View {
        Map(coordinateRegion: $region, showsUserLocation: true,
            annotationItems: annotations) { annotation in
            MapAnnotation(coordinate: annotation.coordinate) {
                if annotation.isSpecial {
                    Image("농담곰클로버")
                        .resizable()
                        .frame(width: 30, height: 30)
                        .onTapGesture {
                            selectedSpecialAnnotation = annotation
                        }
                } else {
                    Image("세잎클로버")
                        .resizable()
                        .frame(width: 25, height: 25)
                }
            }
        }
            .mapControls{
                MapUserLocationButton()
                MapScaleView()
                MapCompass()
                MapPitchToggle()
            }
            .mapStyle(.standard)
            .edgesIgnoringSafeArea(.all)
            .onAppear {
                if let userLocation = locationManager.location/*, !isRegionSet*/ {
                    region = MKCoordinateRegion(center: userLocation.coordinate, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
                    baseLocation = userLocation.coordinate
//                    isRegionSet = false // 초기 위치가 설정되었음을 표시
                }
            }
            .onChange(of: locationManager.location) { newLocation in
                if let newLocation = newLocation/*, !isRegionSet*/ {
//                    region = MKCoordinateRegion(center: newLocation.coordinate, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
                    baseLocation = newLocation.coordinate
                    /*isRegionSet = false*/ // 초기 위치가 설정되었음을 표시
                }
            }
            .onReceive(timer) { _ in
                addAnnotation()
            }
            .onReceive(midnightTimer) { _ in
                checkMidnight()
            }
            // 올라오는 모달 : 네잎클로바 선택시
            .sheet(item: $selectedSpecialAnnotation) { annotation in
                VStack {
                    HStack{
                        Text("농담곰클로버")
                            .font(.title)
                        Image("농담곰클로버")
                            .resizable()
                            .frame(width: 30,height: 30)
                    }
                    Text("Latitude: \(annotation.coordinate.latitude)")
                    Text("Longitude: \(annotation.coordinate.longitude)")
                    Text("오늘은 이곳에서 00만큼 머물렀습니다")
                    Button("Close") {
                        selectedSpecialAnnotation = nil
                    }
                }
                .padding()
                
                
            }
    }
    
    // 어노테이션을 추가하는 함수
    func addAnnotation() {
        DispatchQueue.main.asyncAfter(deadline: .now() + 6) {
            //6초 뒤에 실행
            guard annotations.count < maxAnnotations, let baseLocation = baseLocation else {
                return // 최대 어노테이션 수에 도달하면 추가하지 않음
            }
            
            specialAnnotationCounter += 1
            let isSpecial = (specialAnnotationCounter % 4 == 0)
            //4로 나눈 나머지가 0일때 isSpecial이 true, 나머지는 false
            
            let index = annotations.count
            let row = index / gridSize
            let column = index % gridSize
            
            // 그리드 셀 내에서 무작위 오프셋 계산
            let offsetLat = (Double(row) + Double.random(in: 0...1)) * 0.0001
            let offsetLon = (Double(column) + Double.random(in: 0...1)) * 0.0001
            
            //변동 위치 계산
            let newCoordinate = calculateOffsetCoordinate(base: baseLocation, offsetLat: offsetLat, offsetLon: offsetLon)
            let newAnnotation = AnnotationItem(coordinate: newCoordinate, isSpecial: isSpecial)
            
            // 새로운 어노테이션 추가
            annotations.append(newAnnotation)
        }
        
    }
    
    // 계산된 새로운 좌표 반환
    func calculateOffsetCoordinate(base: CLLocationCoordinate2D, offsetLat: Double, offsetLon: Double) -> CLLocationCoordinate2D {
        let newLatitude = base.latitude + offsetLat
        let newLongitude = base.longitude + offsetLon
        return CLLocationCoordinate2D(latitude: newLatitude, longitude: newLongitude)
    }
    
    // 자정을 확인하는 함수
    func checkMidnight() {
        let now = Date()
        let calendar = Calendar.current
        let components = calendar.dateComponents([.hour, .minute], from: now)
        if components.hour == 0 && components.minute == 0 {
            // 자정이면 어노테이션 초기화
            annotations.removeAll()
            // 자정을 넘으면 즉시 첫 어노테이션 추가
            addAnnotation()
        }
    }
}

class LocationManager: NSObject, ObservableObject, CLLocationManagerDelegate {
    private var locationManager = CLLocationManager()
    @Published var location: CLLocation?
    
    override init() {
        super.init()
        self.locationManager.delegate = self
        self.locationManager.requestWhenInUseAuthorization()
        self.locationManager.startUpdatingLocation()
        self.locationManager.allowsBackgroundLocationUpdates = true //백그라운드에서 동작
        
    }
    
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        guard let location = locations.last else { return }
        self.location = location
    }
}

onAppear, onChange 부분은 isRegion이 없어도 위치변경을 해서 annotation이 찍힙니다
처음에 현 위치로 이동하는 부분은 onAppear에서 실행하면 된다고 생각했는데 아닌거같네요..ㅎㅎ

[moonkey48]

먼저 해당 코드로는 위치값에 대해서 Annotation이 잘 찍히는 것을 확인했습니다. 여기서 궁금한 점은, onAppear 상황에서 user의 위치를 잘 업데이트 하고 있을까요?

.onAppear {
    if let userLocation = locationManager.location/*, !isRegionSet*/ {
        region = MKCoordinateRegion(center: userLocation.coordinate, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
        baseLocation = userLocation.coordinate
//                    isRegionSet = false // 초기 위치가 설정되었음을 표시
    }
}

위에 코드를 실행시켰을 때, 해당 로직이 통과되는지 break point를 찍어보았지만 break가 걸리지 않았습니다. 즉 해당 location 값이 없기 때문에 해당 위치로 가지 않은 것으로 보입니다.

위치 권한과 위치 업데이트

그럼 언제 해당 위치를 업데이트 시킬 수 있을까요? 여기서 드릴 수 있는 힌트는 위치의 권한입니다. CLLocationManager에게는 authorizationStatus라는 프로퍼티가 있고, 해당 프로퍼티는 유저의 권한에 따라 변화되게 됩니다. 여기서 드릴 수 있는 아이디어는 해당 권한에 대해 유저가 승인하게 될 때 CLLocationManager.location에 있는 coordinate 값을 가져다가 region을 업데이트하면 어떻게 될까입니다.

힌트가 될만한 사이트 링크를 첨부해드립니다. 참고하셔서 한번 구현해보시는걸 추천드려요:)

https://medium.com/@desilio/getting-user-location-with-swiftui-1f79d23c2321