All Projects → Luxbyte → reactxp-map

Luxbyte / reactxp-map

Licence: MIT license
Plugin for ReactXP that provides support for Google Maps for Web, Android and iOS

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to reactxp-map

coworking-mobile
🗣👥 An application that aims to bring together companies with spaces for rent and people looking for coworking.
Stars: ✭ 20 (+53.85%)
Mutual labels:  google-maps
geocoder
Geocoder is a Typescript library which helps you build geo-aware applications by providing a powerful abstraction layer for geocoding manipulations
Stars: ✭ 28 (+115.38%)
Mutual labels:  google-maps
CarAnimation
A project for the implementation of the car animation feature in most ride-sharing/ food delivery apps
Stars: ✭ 45 (+246.15%)
Mutual labels:  google-maps
badassquest
RPG / GTA-style game engine built on top of Google Maps Javascript APIs
Stars: ✭ 26 (+100%)
Mutual labels:  google-maps
GoogleMaps-CustomInfoWindow-Button
interactive custom InfoWindow for Google Maps
Stars: ✭ 14 (+7.69%)
Mutual labels:  google-maps
rubymap
Find out what's going on in your local Ruby community
Stars: ✭ 44 (+238.46%)
Mutual labels:  google-maps
geojson-editor
A modified version of Googles Simple GeoJSON Editor
Stars: ✭ 43 (+230.77%)
Mutual labels:  google-maps
bobbycar
IoT Transportation demo using Red Hat OpenShift and Middleware technologies
Stars: ✭ 33 (+153.85%)
Mutual labels:  google-maps
Android-Google-Places-API
An easy implementation of Google Places API in Android https://developers.google.com/places/web-service/
Stars: ✭ 53 (+307.69%)
Mutual labels:  google-maps
json2kml
Python scripts to export Google Maps saved/starred places to KML, CSV, Sygic
Stars: ✭ 42 (+223.08%)
Mutual labels:  google-maps
UWPGmaps.SDK
Unofficial Google Map SDK for Universal Windows Platform (UWP)
Stars: ✭ 16 (+23.08%)
Mutual labels:  google-maps
google maps
🗺 An unofficial Google Maps Platform client library for the Rust programming language.
Stars: ✭ 40 (+207.69%)
Mutual labels:  google-maps
toronto-apartment-finder
[really old and probably doesn't work] Slack bot to post relevant Toronto apartment listings from Kijiji & Craigslist
Stars: ✭ 23 (+76.92%)
Mutual labels:  google-maps
GoogleMaps-Directions
No description or website provided.
Stars: ✭ 21 (+61.54%)
Mutual labels:  google-maps
svelte-googlemaps
Svelte Google Maps Components
Stars: ✭ 62 (+376.92%)
Mutual labels:  google-maps
svelte-mapbox
MapBox Map and Autocomplete components for Svelte (or Vanilla JS)
Stars: ✭ 267 (+1953.85%)
Mutual labels:  google-maps
jquery-google-reviews
simple jquery Plugin that utilizes Google API to get data from a Place on Google Maps
Stars: ✭ 33 (+153.85%)
Mutual labels:  google-maps
ParkingDemo
Taipei City Parking Lot Information Query System Demo
Stars: ✭ 18 (+38.46%)
Mutual labels:  google-maps
ember-google-maps
A friendly Ember addon for working with Google Maps.
Stars: ✭ 93 (+615.38%)
Mutual labels:  google-maps
SSComposeCookBook
A Collection of major Jetpack compose UI components which are commonly used.🎉🔝👌
Stars: ✭ 386 (+2869.23%)
Mutual labels:  google-maps

reactxp-map npm version

Plugin for ReactXP that provides support for Google Maps for Web, Android and iOS.

Installation

npm install --save reactxp-map

Prerequisites

Updates

Version 0.3.3

  • Removed ReactDom from native code

Version 0.3.1

  • Migrated react-native to version 0.61.5
  • Updated dependencies

Version 0.2.1

  • Use "react-native-geolocation-service" to fix crashes on Android if GPS is turned off

Version 0.2.0

  • Added Polyline
  • Added Polygon
  • Added Circle
  • Fixed Map onPress when function undefined
  • Updated dependencies

Documentation

Samples

Usage

<ReactXPMap
  style={_styles.container}
  zoom={10}
  mapType="roadmap"
  latitude={49.6106573}
  longitude={6.1293375}
  geolocation={true}
  showLocation={true}
  locationText="You are here!"
  apiKey="YOUR_API_KEY"
>
  <Marker latitude={49.6119289} longitude={6.1370552} title="Luxembourg City" description="Capital city of Luxembourg" color="00c00c" onPress={this.showMessage}/>
  <Marker latitude={49.6285071} longitude={6.2148438} title="Luxembourg Airport" color="2fb6ab" onPress={this.showMessage}/>
  <Direction destination={{latitude: 49.6119289, longitude: 6.1370552}}/>
  <Direction origin={{latitude: 49.6002236, longitude: 6.1333581}} destination={{latitude: 49.609966, longitude: 6.129702}} travelMode="walking" strokeColor="red" strokeWidth={3}/>
</ReactXPMap>

Component API

<Map/> Component API

<Marker/> Component API

<Direction/> Component API

<Polyline/> Component API

<Polygon/> Component API

<Circle/> Component API

Troubleshooting

Geolocating does not work on Android

Make sure you have set the ACCESS_FINE_LOCATION permission in your AndroidManifest.xml.

If you are using Android API23+ you need to ask for the ACCESS_FINE_LOCATION permission at runtime. See https://facebook.github.io/react-native/docs/permissionsandroid for more information.

License

This project is licensed under the MIT License - see the LICENSE file for details

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].