React Native Google Map

Posted on

How to install airbnb/react-native-map

  1. https://github.com/airbnb/react-native-maps
  2. install
    First, download the library from npm:
    npm install react-native-maps –save

    then ,most important is
    rnpm:

    currently, it seems something wrong with rnpm,so we have to install and make sure they are linked

    react-native rnpm

    then:

    react-native link react-native-maps

currently ,it seems the v0.14.0 doesn’t work on Android,
so we have to back to the previous version

Package.json
"dependencies": {
"react": "15.3.2",
"react-native": "0.35.0",
"react-native-check-box": "^1.0.4",
"react-native-checkbox": "^1.1.0",
"react-native-maps": "^0.13.1",

then
npm install

  1. Specify your Google Maps API Key:
    then the way to check SHA-1 is as following:

    keytool -list -v -keystore yourname.keystore -alias yourname-alias
    then input the password
    then you will find information obout the APP,and the SHA-1
    Just copy and past into SHA-1 certificate fingerprint

the informaiton below is a demo,not real SHA-1

  1. Ensure that you have Google Play Services installed:
    open android studio , open sdk manager and install all these as below



    just make sure
  • Extras / Google Play services
  • Extras / Google Repository
  • Android 6.0 (API 23) / Google APIs Intel x86 Atom System Image Rev.
    19
  • Android SDK Build-tools 23.0.3

    when error occurs,

    npm cache clean
    react-native run-android

Another choice is not run link ,but manually add them into files according to installation doc.
Much better
More than 10 hours on this function, but worth

Another important point

DO NOT TEST GPS on Emulator!

I know it is silly!But do not try it again