UI components | Navigation SDK | Android Docs

The Mapbox Navigation SDK for Android offers several pre-built UI components. You can use any combination of UI components to build a custom turn-by-turn or free-drive navigation experience for your users. Use a component's smart default to get started quickly or customize a component to create a unique navigation experience.

Add the dependency

UI components artifact is not part of the com.mapbox.navigationcore:android, so you will need to add the ui-components dependency explicitly.

To use UI components in your app, add the following library dependency to your build.gradle:


dependencies {
  implementation "com.mapbox.navigationcore:ui-components:3.5.7"
}

See Installation guide for more information on how to properly set up repositories to access SDK artifacts and add required dependencies.

Maps

Use the Mapbox Maps SDK for Android with the Mapbox Navigation SDK for Android to display a map in your application and enhance the navigation experience.

Navigation camera

Learn how to use Navigation SDK to frame the current user location puck and the route on the Mapbox map.

Route line

Render route lines on a map using the Mapbox Navigation SDK's route line API. Include alternative routes and customize the style of the route line.

Route arrow

Display an arrow on a map that illustrates the next maneuver as a user navigates along a route using the Navigation SDK for Android's maneuver arrow API.

Route callouts

Display callouts on a map that represent the duration of the route(s) and customize the style of the callouts using the Navigation SDK for Android's route callouts API.

Maneuver instructions

Provide text instructions about what action a driver needs to take to get from one step to the next along a route using the Mapbox Navigation SDK for Android.

Voice instructions

Learn how to play prompt and detailed voice instructions.

Signboards

Enhance the navigation experience with Mapbox Navigation SDK for Android's signboards, which provides textual and graphical data in a format that aligns with what users see on street signs in reality.

Junctions

Enhance the navigation experience when maneuvering through a particularly complex part of the road network using the Mapbox Navigation SDK for Android's junction views.

Speed limit

Learn how to use the Navigation SDK for Android's speed limit UI component.

Trip progress

Display data related to trip progress including the estimated time to arrival and the distance remaining using the Mapbox Navigation SDK's trip progress API.

Arrival detection

Visualize waypoints and destinations by creating arrival detection experiences in the Mapbox Navigation SDK for Android.

Building highlights

Extrude and highlight a building upon reaching a waypoint or final destination in the Mapbox Navigation SDK for Android.

Device notifications

Mapbox documentation about how notifications work in the Mapbox Navigation SDK for Android.

Status

Learn how to use the Navigation SDK status UI component to show quick status messages.

Additional Developer Resources

Mapbox Developer Discord

Developer Cheatsheet

Mapbox Support

Ask AI

Was this page helpful?