React Native Open Map

Choose the application that will open the map

Currently supported apps:

• Apple Maps – apple-maps
• Google Maps – google-maps
• Citymapper – citymapper
• Uber – uber
• Lyft – lyft
• Navigon – navigon
• The Transit App – transit
• Waze – waze
• Moovit - moovit

Try it out

You can try out the Open Map Example app to get a tease of the functionalities of this lib.

Installation

npm install --save react-native-open-map

yarn add react-native-open-map

A note about iOS 9+

As of iOS 9, your app needs to provide the LSApplicationQueriesSchemes key inside Info.plist to specify the URL schemes with which the app can interact.

Just put this in your Info.plist depending on which apps you'd like to support. Omitting these might mean that the library can't detect some of the maps apps installed by the user.

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>comgooglemaps</string>
  <string>citymapper</string>
  <string>uber</string>
  <string>lyft</string>
  <string>navigon</string>
  <string>transit</string>
  <string>waze</string>
  <string>moovit</string>
</array>

Props

| Prop | Default | Type | Required | | --- | --- | --- | --- | | latitude | none | number/string | yes | | longitude | none | number/string | yes | | title | "Location" | string | no | | cancelText | "Cancel" | string | no | | actionSheetTitle | none | string | no | | actionSheetMessage | none | string | no |

Usage

import OpenMap from "react-native-open-map";

OpenMap.show({
  latitude: 40.778721,
  longitude: -73.968188,
});

OpenMap.show({
  latitude: 40.778721,
  longitude: -73.968188,
  title: 'Central Park',
  cancelText: 'Close',
  actionSheetTitle: 'Chose app',
  actionSheetMessage: 'Available applications '
});

Credits

This library is based on react-native-map-link.