Examples

Example application on GitHub

You can find additional Navigation SDK examples in our example application on GitHub. Clone the repository and run the example application following the instructions in the README.

Search

Add a complete turn-by-turn experience

Render a complete turn-by-turn experience using all relevant Navigation SDK APIs and pre-built UI components.

Add additional action buttons using Navigation View

The example demonstrates how to add additional action buttons to the existing action buttons using NavigationView at runtime.

Add view annotations on top of map view using Navigation View

The example demonstrates how to add view annotations to map view using NavigationView at runtime.

Change Navigation View Options at runtime

The example demonstrates how to change navigation view options at runtime.

Change the position of a view using Navigation View

The example demonstrates how to reposition the speed limit view to bottom using NavigationView at runtime.

Copilot

Learn how to integrate and work with Copilot provided by Mapbox Navigation SDK for Android.

Customize info panel background and additional properties using Navigation View

The example demonstrates how to customize info panel background and additional properties using NavigationView at runtime.

Customize info panel only in active guidance state using Navigation View

The example demonstrates how to customize info panel only in active guidance state using NavigationView at runtime.

Customize info panel using Navigation View

The example demonstrates how to customize info panel using NavigationView at runtime.

Customize location puck for navigation states using Navigation View

The example demonstrates how to customize location puck for different navigation states using NavigationView at runtime.

Customize runtime styling of UI components using NavigationView

The example demonstrates how to change the styling of default UI components used by NavigationView at runtime.

Customize speed limit view using NavigationView

The example demonstrates how to customize speed limit at runtime.

Customize the design of action buttons using Navigation View

The example demonstrates how to customize action buttons using NavigationView at runtime.

Customize trip progress view using NavigationView

The example demonstrates how to customize trip progress view at runtime.

Draw route lines on a map

Draw route lines on a map using the route line and route arrow APIs and the related MapboxRouteLineView and MapboxRouteArrowView.

Fetch routes between an origin and destination

Fetch routes by specifying two coordinates in RouteOptions and passing those options to MapboxNavigation\'s requestRoutes method.

Hide specific views in free drive state using Navigation View

The example demonstrates how to hide specific views in free drive state using NavigationView at runtime.

Inject a custom view into NavigationView

The example demonstrates how to inject a custom view at the bottom of the info panel.

Intercept map long click events using Navigation View

The example demonstrates how to intercept map long click events using NavigationView at runtime.

Play voice instructions for a route

Use the example to play voice instructions using Speech API and Voice Instruction Player.

Render building extrusion on arrival

Use the example to render building extrusions on arrival using building API and MapboxBuildingView.

Render current location on a map

Use NavigationLocationProvider to show a device\'s current location as a puck on a map.

Render maneuver instructions for a route

Draw maneuver instructions using the Maneuver API and MapboxManeuverView.

Render speed limit for a route

Render the speed limit of the current road using the Speed Limit API and MapboxSpeedLimitView.

Render trip progress information

Draw trip progress information using the Trip Progress API and MapboxTripProgressView.

Request routes outside Drop-In UI using Navigation View

The example demonstrates how to request routes outside Drop-In UI and use it to transition to active guidance state using NavigationView at runtime.

Show customized status messages

Learn how to customize MapboxStatusView to match your application theme.

Show status messages

Learn how to use MapboxStatusView to show status messages.

Toggle theme using NavigationView

The example demonstrates how NavigationView observes changes to app day and night theme.

Turn-By-Turn using NavigationView

Render a complete turn-by-turn experience using NavigationView.

Use camera to frame the map

Use NavigationCamera to show various map camera transitions using live location and routing data.

Was this example helpful?