[swift] Mapbox를 활용한 실시간 위치 기반 자동차 공유 서비스 개발 방법

29 Nov 2023

swift

소개

이번 블로그 포스트에서는 Mapbox를 활용하여 실시간 위치 기반 자동차 공유 서비스를 개발하는 방법에 대해 알아보겠습니다. Mapbox는 오픈 소스 지도 및 위치 정보 플랫폼으로, 다양한 지도 서비스와 위치 기능을 제공합니다. 자동차 공유 서비스는 최근 인기 있는 서비스 중 하나이며, 실시간 위치 기반 정보는 사용자들에게 유용한 정보를 제공하는 데 도움을 줍니다.

필요한 도구

Mapbox 계정
Xcode
Swift 언어 지식

개발 단계

1. Mapbox 계정 생성

Mapbox를 사용하기 위해서는 먼저 Mapbox 계정을 생성해야 합니다. Mapbox 웹사이트에서 계정을 생성하고, 개인 액세스 토큰을 발급받아야 합니다. 이 토큰은 애플리케이션에서 Mapbox 서비스에 접근할 수 있도록 하는 역할을 합니다.

2. Xcode 설정

Xcode를 실행하고 새로운 프로젝트를 생성한 후, Mapbox SDK를 프로젝트에 추가해야 합니다. 이를 위해서는 프로젝트에 Cocoapods를 사용해야 합니다. Podfile을 열고 다음과 같이 Mapbox SDK를 추가합니다:

pod 'Mapbox-iOS-SDK'

그리고 터미널에서 다음 명령을 실행하여 의존성을 설치합니다:

pod install

3. 지도 표시

Mapbox SDK를 추가한 후, 지도를 표시하는 기능을 구현해야 합니다. 이를 위해 뷰 컨트롤러에 MKMapView를 추가하고, 다음과 같이 Mapbox SDK의 기능을 사용하여 지도를 표시합니다:

import Mapbox

class ViewController: UIViewController {
  
  @IBOutlet weak var mapView: MGLMapView!
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let styleURL = URL(string: "mapbox://styles/mapbox/streets-v11")
    mapView.styleURL = styleURL
    mapView.setCenter(CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194), zoomLevel: 12, animated: false)
  }
  
}

4. 실시간 위치 표시

자동차 공유 서비스에서는 실시간으로 차량의 위치를 표시해야 합니다. 이를 위해서는 Mapbox에서 제공하는 위치 기능을 활용해야 합니다. 다음은 실시간 위치 업데이트를 통해 자동차의 위치를 표시하는 코드입니다:

import Mapbox
import CoreLocation

class ViewController: UIViewController, MGLMapViewDelegate, CLLocationManagerDelegate {
  
  @IBOutlet weak var mapView: MGLMapView!
  
  let locationManager = CLLocationManager()
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let styleURL = URL(string: "mapbox://styles/mapbox/streets-v11")
    mapView.styleURL = styleURL
    mapView.setCenter(CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194), zoomLevel: 12, animated: false)
    
    mapView.delegate = self
    
    locationManager.delegate = self
    locationManager.requestAlwaysAuthorization()
    locationManager.startUpdatingLocation()
    
    mapView.showsUserLocation = true
  }
  
  // 위치 업데이트가 발생할 때마다 호출됩니다.
  func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
    if let location = locations.last {
      mapView.setCenter(location.coordinate, zoomLevel: 15, animated: true)
    }
  }
  
}

5. 자동차 위치 표시

자동차 공유 서비스에서는 자동차의 위치를 표시해야 합니다. 이를 위해서는 개별 자동차의 위치 정보를 받아와야 합니다. 자동차 위치 정보를 서버에서 받아와 지도에 표시하는 코드는 다음과 같습니다:

import Mapbox
import CoreLocation

class ViewController: UIViewController, MGLMapViewDelegate, CLLocationManagerDelegate {
  
  @IBOutlet weak var mapView: MGLMapView!
  
  let locationManager = CLLocationManager()
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let styleURL = URL(string: "mapbox://styles/mapbox/streets-v11")
    mapView.styleURL = styleURL
    mapView.setCenter(CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194), zoomLevel: 12, animated: false)
    
    mapView.delegate = self
    
    locationManager.delegate = self
    locationManager.requestAlwaysAuthorization()
    locationManager.startUpdatingLocation()
    
    mapView.showsUserLocation = true
    
    // 서버에서 자동차 위치 정보를 받아와 표시하는 함수
    updateCarLocations()
  }
  
  func updateCarLocations() {
    // 서버에서 자동차 위치 정보를 받아옴
    let carLocations = getCarLocationsFromServer()
    
    // 자동차 위치를 맵에 표시
    for carLocation in carLocations {
      let annotation = MGLPointAnnotation()
      annotation.coordinate = carLocation.coordinate
      annotation.title = carLocation.name
      mapView.addAnnotation(annotation)
    }
  }
  
  // 위치 업데이트가 발생할 때마다 호출됩니다.
  func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
    if let location = locations.last {
      mapView.setCenter(location.coordinate, zoomLevel: 15, animated: true)
    }
  }
  
}

결론

이제 Mapbox를 활용하여 실시간 위치 기반 자동차 공유 서비스를 개발하는 방법을 알게 되었습니다. Mapbox의 다양한 기능을 활용하여 사용자들에게 유용한 서비스를 제공할 수 있습니다. Mapbox를 사용하여 개발해보세요!

참고: Mapbox 개발자 문서