🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14

UberClone: MapView 2

구현 목표

• 맵뷰 상태 업데이트

구현 태스크

• 유저 정보 선택 기준 이넘화
• 경로 제거 및 초기화 함수 구현

핵심 코드

import Foundation

enum MapViewState {
    case noInput
    case locationSelected
    case searchingForLocation
}

• 특정 지역 선택 케이스를 조작하기 위한 이넘

private func actionForState(_ state: MapViewState) {
        switch state {
        case .noInput:
            print("no input")
        case .locationSelected, .searchingForLocation:
            mapState = .noInput
        }
    }

• 버튼 토글링을 통한 맵 상태 조정

.onTapGesture {
                                withAnimation(.spring()) {
                                    viewModel.selectLocation(with: result)
                                    mapState = .locationSelected
                                }
                            }

• 특정 리스트 셀 클릭 시 지역을 선택한 상황으로 전환

func updateUIView(_ uiView: UIViewType, context: Context) {
        switch mapState {
        case .noInput:
            context.coordinator.clearMapViewAndRecenterLocation()
        case .searchingForLocation:
            break
        case .locationSelected:
            if let selectedLocation = viewModel.selectedLocation {
                context.coordinator.addAndSelectAnnotation(with: selectedLocation)
                context.coordinator.configurePolyline(with: selectedLocation)
            }
        }
    }

• 현재 상황이 인풋이 없다면 초기화, 지역을 선택했다면 해당 지역으로 이어지는 경로를 자동으로 표시

func clearMapViewAndRecenterLocation() {            parent.mapView.removeAnnotations(parent.mapView.annotations)
            parent.mapView.removeOverlays(parent.mapView.overlays)
            
            guard let currentCoordinate = userLocationCoordinate else { return }
            setRegion(with: currentCoordinate)
        }

• 맵뷰 내 존재하는 어노테이션과 경로 모두 삭제
• 기존에 전역 변수로 선언한 초기 유저 위치 정보를 통해 포커스된 지역 세팅

구현 화면