[swift] Mapbox를 이용한 실시간 주차장 혼잡도 정보 제공 서비스 개발 방법

29 Nov 2023

swift

Mapbox는 지도 및 위치 기반 서비스를 개발할 수 있는 플랫폼으로 많은 개발자들에게 인기가 있습니다. 이번 블로그 포스트에서는 Mapbox를 이용하여 실시간 주차장 혼잡도 정보를 제공하는 서비스를 개발하는 방법에 대해 알아보겠습니다.

개발 환경 설정

Mapbox 계정 생성하기

Mapbox 개발을 시작하려면 먼저 Mapbox 웹사이트에 가입하여 계정을 생성해야 합니다. 계정 생성 후 액세스 토큰을 발급받아야 합니다.
Xcode 설치하기

iOS 앱을 개발하기 위해 Xcode를 설치해야 합니다. 최신 버전의 Xcode를 애플 개발자 웹사이트에서 다운로드하여 설치할 수 있습니다.
Cocoapods 설치하기

Cocoapods는 Swift 프로젝트의 의존성 관리 도구입니다. 터미널에서 다음 명령어를 사용하여 Cocoapods를 설치할 수 있습니다.
```
$ sudo gem install cocoapods
```

프로젝트 설정

Xcode에서 프로젝트를 생성한 후, Podfile을 생성합니다.
```
$ pod init
```

Podfile을 다음과 같이 수정합니다.

platform :ios, '13.0'
target 'YourApp' do
  use_frameworks!
  pod 'Mapbox-iOS-SDK', '~> 6.3'
end

터미널에서 다음 명령어를 사용하여 의존성을 설치합니다.
```
$ pod install
```
생성된 .xcworkspace 파일을 열어 Xcode에서 프로젝트를 진행합니다.

Mapbox SDK 활용

Mapbox SDK를 사용하기 위해 import Mapbox 문을 추가합니다.

MGLMapView를 사용하여 지도를 표시합니다. 다음과 같은 코드를 사용하여 기본 지도를 표시할 수 있습니다.

let mapView = MGLMapView(frame: view.bounds)
mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
mapView.styleURL = MGLStyle.darkStyleURL // 지도 스타일 설정
mapView.setCenter(CLLocationCoordinate2D(latitude: 37.5, longitude: 127), zoomLevel: 12, animated: false) // 기본 위치와 줌 레벨 설정
view.addSubview(mapView)

Mapbox API를 사용하여 실시간 주차장 혼잡도 정보를 가져옵니다. Mapbox에서 제공하는 API를 활용하여 주차장 정보를 가져오고, 이를 지도에 표시할 수 있습니다.

guard let url = URL(string: "https://api.mapbox.com/v1/parking_lots?access_token={your_access_token}") else { return }
URLSession.shared.dataTask(with: url) { (data, response, error) in
    if let error = error {
        print("Error: \(error.localizedDescription)")
        return
    }
    guard let data = data else { return }
    do {
        let parkingLots = try JSONDecoder().decode([ParkingLot].self, from: data)
        // 주차장 정보를 이용하여 지도에 마커로 표시하는 로직 작성
    } catch let error {
        print("Error decoding JSON: \(error)")
    }
}.resume()

받아온 주차장 정보를 이용하여 지도에 마커로 표시합니다. MGLAnnotation 프로토콜을 구현하는 커스텀 클래스를 생성하여 마커로 사용할 수 있습니다.

class ParkingLotMarker: NSObject, MGLAnnotation {
    var coordinate: CLLocationCoordinate2D
    var title: String?
    var subtitle: String?

    init(coordinate: CLLocationCoordinate2D, title: String?, subtitle: String?) {
        self.coordinate = coordinate
        self.title = title
        self.subtitle = subtitle
    }
}

// 주차장 정보를 이용하여 마커 생성 및 추가하는 로직
for parkingLot in parkingLots {
    let marker = ParkingLotMarker(coordinate: parkingLot.location, title: parkingLot.name, subtitle: parkingLot.status)
    mapView.addAnnotation(marker)
}

결론

이와 같이 Mapbox를 활용하여 실시간 주차장 혼잡도 정보를 제공하는 서비스를 개발할 수 있습니다. Mapbox의 다양한 기능과 API를 활용하면 보다 풍부한 지도 기반 서비스를 구현할 수 있으니, 다양한 기능을 탐색하며 개발을 진행해보세요!

개발 환경 설정

프로젝트 설정

Mapbox SDK 활용

결론

참고 자료