[ios] 지도에 실시간 이벤트 정보 표시하기

14 Dec 2023

iOS 앱을 개발할 때 지도에 실시간 이벤트 정보를 표시하는 기능을 구현하는 방법에 대해 알아보겠습니다.

1. 지도 표시하기

먼저, MapKit 프레임워크를 사용하여 지도를 화면에 표시합니다. ViewController에 MapView를 추가하고, 해당 지도에 대한 설정과 사용 권한을 요청하는 코드를 작성합니다.

import MapKit

class ViewController: UIViewController, MKMapViewDelegate, CLLocationManagerDelegate {
    @IBOutlet weak var mapView: MKMapView!
    let locationManager = CLLocationManager()

    override func viewDidLoad() {
        super.viewDidLoad()
        mapView.delegate = self
        locationManager.delegate = self
        locationManager.requestWhenInUseAuthorization()
        locationManager.startUpdatingLocation()
        mapView.showsUserLocation = true
    }
}

2. 이벤트 정보 가져오기

실시간 이벤트 정보를 가져오기 위해 API 또는 웹 서비스를 호출합니다. Alamofire와 SwiftyJSON을 사용하여 서버에서 데이터를 가져와 모델로 변환하는 코드를 작성합니다.

import Alamofire
import SwiftyJSON

func fetchEventData(completion: @escaping ([Event]) -> Void) {
    let url = "https://example.com/events"
    Alamofire.request(url).responseJSON { response in
        guard response.result.isSuccess, let data = response.data else {
            print("Failed to fetch event data")
            completion([])
            return
        }
        let json = JSON(data)
        let events = json.arrayValue.compactMap { Event(json: $0) }
        completion(events)
    }
}

struct Event {
    let id: String
    let title: String
    let coordinate: CLLocationCoordinate2D
}

3. 지도에 이벤트 정보 표시하기

서버에서 가져온 이벤트 정보를 지도 위에 마커로 표시합니다.

func addEventMarkers() {
    fetchEventData { events in
        for event in events {
            let annotation = MKPointAnnotation()
            annotation.title = event.title
            annotation.coordinate = event.coordinate
            self.mapView.addAnnotation(annotation)
        }
    }
}

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
    guard annotation is MKPointAnnotation else { return nil }
    let identifier = "EventMarker"
    var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: identifier)
    if annotationView == nil {
        annotationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: identifier)
        annotationView?.canShowCallout = true
    } else {
        annotationView?.annotation = annotation
    }
    return annotationView
}

이제 iOS 앱에서 지도 위에 실시간 이벤트 정보를 표시하는 기능을 구현할 수 있습니다. 이를 통해 사용자는 지도를 통해 현재 진행 중인 이벤트들을 쉽게 확인할 수 있게 됩니다.

참고: MapKit Documentation, Alamofire, SwiftyJSON