react-native-google-maps-directions

🚚 react-native-google-maps-directions 🚲

🚕 Get direction using Google Maps in React Native 🚗

Built with ❤︎ by Tiaan and contributors

Table of Contents

Table of Contents

About

Install

Usage

API

Contribute

License

About

A tiny module that uses the React Native Linking API to get directions using Google Maps by opening it in the default browser or app if installed.

Install

$ npm install --save react-native-google-maps-directions

$ yarn add react-native-google-maps-directions

Usage

import getDirections from 'react-native-google-maps-directions'

export default class gmapsDirections extends Component {

  handleGetDirections = () => {
    const data = {
       source: {
        latitude: -33.8356372,
        longitude: 18.6947617
      },
      destination: {
        latitude: -33.8600024,
        longitude: 18.697459
      },
      params: [
        {
          key: "dirflg",
          value: "w"
        }
      ]
    }

    getDirections(data)
  }

  render() {
    return (
      <View style={styles.container}>
        <Button onPress={this.handleGetDirections} title="Get Directions" />
      </View>
    );
  }
}

API

The module exports a single getDirections function that takes a object as its argument. The object should have destination (Where your coming from) and source (Where you going to) both of which have latitude and longitude number properties.

Additionaly parameters can be added as key-value pairs to the params array (optional). The supported parameters are listed here. For example, in the code above, the key-value pair dirflg and w tells google maps to provide the directions with travel mode set to walking.

Contribute

Contributions are welcome. Please open up an issue or create PR if you would like to help out.

Note: If editing the README, please conform to the standard-readme specification.

License

Licensed under the MIT License.