react-native-maps-navigation

Enhances React Native Maps with Realtime Navigation.

Installation

React Native >= 0.49

yarn add react-native-maps-navigation

Make sure you link the module before building:

react-native link react-native-maps-navigation

Example

Head over to the example application to get started right away.
The example application uses most components and api modules of this library and gets you started in a useful direction.

Components

The library exposes the following modules and components.
The main component is MapViewNavigation:
<MapViewNavigation /> Component API
The library also ships with various UI components:
<DirectionInputBox /> Component API
<DirectionsListView /> Component API
<DurationDistanceLabel /> Component API
<DurationDistanceView /> Component API
<ManeuverView /> Component API
<ManeuverLabel /> Component API
<TravelModeBox /> Component API
These are internal components used by the library:
<ManeuverArrow /> Component API
<CloseButton /> Component API
<PositionMarker /> Component API
<RouteMarker /> Component API
<RouterPolyline /> Component API

General Usage