Profile
Back to NewsBack
GitHub Trending 4 min
Reader Mode
mapbox/mapbox-navigation-ios: Turn-by-turn navigation logic and UI in Swift on iOS

mapbox/mapbox-navigation-ios: Turn-by-turn navigation logic and UI in Swift on iOS

15 hours ago

Mapbox Navigation SDK for iOS

SPM compatible</a>

Mapbox Navigation SDK

Mapbox Navigation gives you all the tools you need to add turn-by-turn navigation to your iOS application.

Get up and running in a few minutes with our drop-in turn-by-turn navigation NavigationViewController, or build a completely custom turn-by-turn navigation app with our core components for routing and navigation.

Features

Documentation

Requirements

The Mapbox Navigation SDK and Core Navigation are compatible with applications written in Swift 5.9 in Xcode 16.0 and above. The Mapbox Navigation and Mapbox Core Navigation frameworks run on iOS 14.0 and above.

The Mapbox Navigation SDK is also available for Android.

Installation

Stable releases of MapboxNavigationCore and MapboxNavigationUIKit do not require a secret download token. You only need a public access token in your app’s Info.plist (MBXAccessToken).

Using Swift Package Manager

  1. In Xcode, go to File ‣ Swift Packages ‣ Add Package Dependency.
  1. Enter https://github.com/mapbox/mapbox-navigation-ios.git as the package repository and click Next.
  1. Set Rules to Version, Up to Next Major, and enter 3.1.0 as the minimum version requirement. Click Next.
To install the MapboxNavigation framework in another package rather than an application, run swift package init to create a Package.swift, then add the following dependency:
// Latest stable release
.package(url: "https://github.com/mapbox/mapbox-navigation-ios.git", from: "3.1.0")

Project configuration

  1. Mapbox APIs and vector tiles require a Mapbox account and API access token. In the project editor, select the application target, then go to the Info tab. Under the “Custom iOS Target Properties” section, set MBXAccessToken to your access token. You can obtain an access token from the Mapbox account page.
  1. In order for the SDK to track the user’s location as they move along the route, set NSLocationWhenInUseUsageDescription to:
> Shows your location on the map and helps improve the map.
  1. Users expect the SDK to continue to track the user’s location and deliver audible instructions even while a different application is visible or the device is locked. Go to the Signing & Capabilities tab. Under the Background Modes section, enable “Audio, AirPlay, and Picture in Picture” and “Location updates”. (Alternatively, add the audio and location values to the UIBackgroundModes array in the Info tab.)
Now import the relevant modules and present a new NavigationViewController. You can also push to a navigation view controller from within a storyboard if your application’s UI is laid out in Interface Builder.

Examples

This repository contains a testbed application that exercises a variety of navigation SDK features. Configure a public access token to run the examples.

import MapboxDirections
import MapboxNavigationCore
import MapboxNavigationUIKit
import UIKit
import CoreLocation
// Define the Mapbox Navigation entry point.
let mapboxNavigationProvider = MapboxNavigationProvider(coreConfig: .init())
lazy var mapboxNavigation = mapboxNavigationProvider.mapboxNavigation
// Define two waypoints to travel between
let origin = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.9131752, longitude: -77.0324047), name: "Mapbox")
let destination = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.8977, longitude: -77.0365), name: "White House")

// Set options let options = NavigationRouteOptions(waypoints: [origin, destination])

// Request a route using RoutingProvider let request = mapboxNavigation.routingProvider().calculateRoutes(options: options) Task { switch await request.result { case .failure(let error): print(error.localizedDescription) case .success(let navigationRoutes): // Pass the generated navigation routes to the the NavigationViewController let navigationOptions = NavigationOptions(mapboxNavigation: mapboxNavigation, voiceController: mapboxNavigationProvider.routeVoiceController, eventsManager: mapboxNavigationProvider.eventsManager()) let navigationViewController = NavigationViewController(navigationRoutes: navigationRoutes, navigationOptions: navigationOptions) navigationViewController.modalPresentationStyle = .fullScreen

present(navigationViewController, animated: true, completion: nil) } }

Consult the API reference for further details.

Customization

Styling

You can customize the appearance in order to blend in with the rest of your app.

class CustomStandardDayStyle: StandardDayStyle {
    required init() {
        super.init()
        mapStyleURL = URL(string: "mapbox://styles/mapbox/satellite-streets-v9")!
        styleType = .night
    }

override func apply() { super.apply() BottomBannerView.appearance(for: UITraitCollection(userInterfaceIdiom: .phone)).backgroundColor = .orange BottomBannerView.appearance(for: UITraitCollection(userInterfaceIdiom: .pad)).backgroundColor = .orange } }

then initialize NavigationViewController with your style or styles:

let navigationOptions = NavigationOptions(
            mapboxNavigation: navigationProvider.mapboxNavigation,
            voiceController: navigationProvider.routeVoiceController,
            eventsManager: navigationProvider.eventsManager(),
            styles: [CustomStandardDayStyle()]
        )
NavigationViewController(navigationRoutes: navigationRoutes, navigationOptions: navigationOptions)

License

The Mapbox Navigation SDK for iOS is released under the Mapbox Terms of Service. See LICENSE.md for details.

Chat with me