[ios] 지도에 사용자 정의 측량선 표시하기

14 Dec 2023

iOS 앱을 개발하다 보면 지도에 사용자 정의 측량선을 표시해야 하는 경우가 있습니다. 이 포스트에서는 MapKit 프레임워크를 사용하여 iOS 지도에 사용자 정의 측량선을 표시하는 방법에 대해 알아보겠습니다.

1. 측량선 추가

먼저, 사용자가 터치한 지도 상의 위치를 기준으로 측량선을 추가해야 합니다. 이를 위해 MKMapViewDelegate 프로토콜을 채택하고, 사용자가 지도를 터치했을 때의 이벤트를 감지할 수 있습니다.

func mapView(_ mapView: MKMapView, regionWillChangeAnimated animated: Bool) {
    // 사용자가 지도를 터치하고 이동할 때의 작업 수행
    // 측량선을 추가하는 코드 작성
}

2. 측량선 그리기

측량선을 그리기 위해서는 시작 지점과 끝 지점의 좌표를 가져와야 합니다. MKPolyline을 사용하여 이러한 좌표들을 연결하여 측량선을 그릴 수 있습니다.

func drawPolyline() {
    // 시작 지점과 끝 지점의 좌표를 가져옴
    let coordinates = [
        CLLocationCoordinate2D(latitude: startLatitude, longitude: startLongitude),
        CLLocationCoordinate2D(latitude: endLatitude, longitude: endLongitude)
    ]

    // 측량선을 그리기 위한 Polyline 생성
    let polyline = MKPolyline(coordinates: coordinates, count: coordinates.count)
    
    // 지도에 측량선 추가
    mapView.addOverlay(polyline)
}

3. 측량선 스타일 지정

측량선의 스타일을 지정하여 사용자가 명확하게 구분할 수 있도록 할 수 있습니다. MKOverlay 프로토콜을 준수하는 객체를 사용하여 측량선의 색상, 두께, 모양 등을 조절할 수 있습니다.

func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
    if let polyline = overlay as? MKPolyline {
        let renderer = MKPolylineRenderer(polyline: polyline)
        renderer.strokeColor = .blue // 측량선의 색상을 파란색으로 지정
        renderer.lineWidth = 3 // 측량선의 두께를 3으로 지정
        return renderer
    }
    return MKOverlayRenderer(overlay: overlay)
}

위의 단계를 따라가면 사용자 정의 측량선을 iOS 지도에 표시할 수 있습니다. 사용자가 터치한 지점으로부터 다른 지점까지의 거리를 시각적으로 나타내어 사용자에게 유용한 정보를 제공할 수 있습니다.

참고 자료

샘플 코드 및 자세한 내용은 Apple의 공식 문서와 링크된 자료를 참고하시기 바랍니다.