All Projects → LucasMonteiro1 → react-native-open-map

LucasMonteiro1 / react-native-open-map

Licence: MIT license
Choose the application that will open the map

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-native-open-map

trackanimation
Track Animation is a Python 2 and 3 library that provides an easy and user-adjustable way of creating visualizations from GPS data.
Stars: ✭ 74 (+174.07%)
Mutual labels:  maps
jpn-atlas
TopoJSONフォーマットの日本の国、都道府県、市区町村の境界データ。Japanese municipality and prefecture boundary data in topojson format.
Stars: ✭ 17 (-37.04%)
Mutual labels:  maps
Trilateration
Trilateration system using 3 latitude and longitude points, and 3 radius distances in PHP, C#, Java and Javascript
Stars: ✭ 22 (-18.52%)
Mutual labels:  maps
MapDownloader
Map downloader based on GMap.NET
Stars: ✭ 226 (+737.04%)
Mutual labels:  maps
CabanasRD
No description or website provided.
Stars: ✭ 14 (-48.15%)
Mutual labels:  maps
Euclid
Great-circle mathematics helper library for platforms using Swift -
Stars: ✭ 46 (+70.37%)
Mutual labels:  maps
lib-open-swiss-maps-sdk
Android and iOS SDK to display maps and geodata of swisstopo. Owner: simonroesch, Deputy: gjn
Stars: ✭ 22 (-18.52%)
Mutual labels:  maps
PowerCollections
Powerfull Collections, Sets, Lists and Maps.
Stars: ✭ 15 (-44.44%)
Mutual labels:  maps
Codeigniter3-absen-digital
Sistem Absensi Online dengan framework codeigniter 3
Stars: ✭ 33 (+22.22%)
Mutual labels:  maps
leaflet-draw-toolbar
Leaflet.toolbar for Leaflet.draw. Example: https://justinmanley.github.io/leaflet-draw-toolbar/examples/popup.html.
Stars: ✭ 55 (+103.7%)
Mutual labels:  maps
timetable
Bus Timetable app React Native
Stars: ✭ 61 (+125.93%)
Mutual labels:  maps
check-geojson
a checker for the geojson format. goes beyond a schema, checking semantics and producing character-level warnings.
Stars: ✭ 36 (+33.33%)
Mutual labels:  maps
urlshort
Ex 2 - Create an http.Handler that forwards paths to other URLs
Stars: ✭ 114 (+322.22%)
Mutual labels:  maps
ilong
轻量级跨平台瓦片地图库,大部分算法来自QMapControl,就想练手的。。。因为需要轻量级跨平台的,所以只能先用SQLite数据库。。。
Stars: ✭ 24 (-11.11%)
Mutual labels:  maps
aic-mobile-ios
Art Institute of Chicago Official Mobile App
Stars: ✭ 29 (+7.41%)
Mutual labels:  maps
vue-link
One component to link them all 🔗
Stars: ✭ 65 (+140.74%)
Mutual labels:  link
yogurl
Serve files and code over HTTP in one command. The CLI for http://yogurl.io
Stars: ✭ 45 (+66.67%)
Mutual labels:  link
activeadmin-latlng
Active Admin plugin for setting up latitude and longitude
Stars: ✭ 34 (+25.93%)
Mutual labels:  maps
vaguely-rude-places
The map of Vaguely Rude Place Names
Stars: ✭ 19 (-29.63%)
Mutual labels:  maps
orange3-geo
🍊 🌍 Orange add-on for dealing with geography and geo-location
Stars: ✭ 22 (-18.52%)
Mutual labels:  maps

React Native Open Map

npm version npm downloads Publish Package
NPM

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].