[iOS] 애플지도에 범위 표시하고 안에 특정 위치가 속해있는지 확인하기(Make range and Verify location is inside with MapKit)

안녕하세요 Foma 입니다!

저번 시간에는 원하는 위치를 표시하고 이미지와 레이블을 넣어보았는데요.

 

(혹시 안보신 분들은 여기 를 통해서 보고 와주세요!)

 

이번 시간에는 원하는 위치가 특정 범위 안에 속해있는지 아닌지 확인해보겠습니다.

---

MKMapViewDelegate 추가하기

 

가장 먼저 ViewController에 MKMapViewDelegate를 채택해주세요. (당연히 import MapKit도 해야겠죠?)

 

class ViewController: UIViewController ,MKMapViewDelegate{...}

---

마커 설정하기

 

원하는 위치에 표시할 마커를 만들어주세요.

 

저번 시간에는 홍대입구역만 했지만 홍대입구역 근처인 스타벅스까지 추가하겠습니다.

        let mark1 = Marker(
          title: "홍대입구역",
          subtitle: "사람이 너무 많아요..ㅜ",
          coordinate: CLLocationCoordinate2D(latitude: 37.55769, longitude: 126.92450))
        mapView.addAnnotation(mark1)
        
        let mark2 = Marker(
          title: "홍대입구역스타벅스",
          subtitle: "커피 맛있다",
          coordinate: CLLocationCoordinate2D(latitude: 37.557123, longitude: 126.923588))
        mapView.addAnnotation(mark2)

---

범위 그려주기

 

마커의 위치를 확인할 함수를 만들어주시고 그 아래에 다음과 같이 코드를 작성해줍니다.

 

먼저 CLLocationCoordinate2DMake 로 범위를 만들 위치의 중앙의 좌표값을 입력해줍니다.

 

그리곤 범위값을 정해주는데 이것은 meter기준이라서 100.0을 입력해주시면 근방 100m 범위를 의미합니다.

 

이렇게 범위도 세팅해주었다면 홍대입구역 중앙으로부터 범위를 만들어야겠죠?

 

아래와 같이 CLCircularRegion 으로 중앙의 경도와 위도값 범위 아이덴티피어를 써줍니다.

 

그 다음으로 원모양을 만들어서 mapView에 Overlay를 추가해주세요!

  func detectMarkerLocation() {
        
           let 홍대입구역중앙 = CLLocationCoordinate2DMake(37.55769, 126.92450)
            let 범위 = 100.0 //100meter를 뜻함
            
            let 홍대입구역범위 = CLCircularRegion(center: CLLocationCoordinate2D(latitude: 홍대입구역중앙.latitude,
                                                                         longitude: 홍대입구역중앙.longitude), radius: 범위, identifier: "홍대입구역")
            let 원모양 = MKCircle(center: 홍대입구역중앙, radius: 범위)
            mapView.addOverlay(원모양)
            
			...
            }

이제 추가해준 원모양 오버레이를 그려줘야겠죠?

 

아래와 같이 MKCircleRenderer 을 만들어주시고 

 

원의 가장자리 색깔,안을 채울색깔,가장자리의 두께를 설정해줍니다.

   func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
        let circleRenderer = MKCircleRenderer(overlay: overlay)
        circleRenderer.strokeColor = .red
        circleRenderer.fillColor = UIColor.yellow.withAlphaComponent(0.3)
        circleRenderer.lineWidth = 1.0
        return circleRenderer
    }

 

이렇게 하고 실행시켜보면 아래와 같이 홍대입구역 근방 100m의 범위가 생기게 됩니다.

---

안에 속해있는지 확인하기

 

이제 범위도 그려줬으니 홍대입구역 스타벅스가 포함되어있는지 확인해야겠죠?

 

detectMarkerLoaction 함수에 아래와 같이 추가해줍니다.

 

mapView안에 추가해준 marker들을 for문으로 탐색해 해당 위치가 홍대입구역범위에 포함되는지 확인합니다.

            for marker in mapView.annotations{
                if 홍대입구역범위.contains(marker.coordinate) {
                    print("\(String(describing: marker.title))은 홍대입구역 범위에 포함되었습니다.")
                }else{
                    print("\(String(describing: marker.title))은 홍대입구역 범위에 포함되지않습니다.")
                }

 

출력된 것을 보니 아슬아슬하게 스타벅스가 포함되지 않았나보네요.

 

 

범위를 조금 늘려줍니다.

 

 let 범위 = 200.0

 

이렇게 하면 확실히 범위도 커졌고 스타벅스가 안에 포함되어 있죠?

출력해보면 아래와 같이 스타벅스가 포함되어 있다고 나오는걸 볼 수 있습니다.

---

오늘은 이렇게 원하는 위치에 범위를 그리고 그 안에 특정 위치가 속해있는지 확인해보았습니다.

 

혹시라도 궁금하신 점이 있거나 지적하실 부분이 있다면 댓글로 알려주세요!