/react-native-maps-navigation

Enables custom navigation in react-native-maps

Primary LanguageJavaScript

react-native-maps-navigation

Enhances React Native Maps with Realtime Navigation.

Please note that this module is usable but still under heavy development. Some properties and/or component names might change without notice.

alt text

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