React Native Tutorial - Displaying Google Maps in Your App

Featured Full Courses:
React JS - The Complete Guide (over 150 000 devs enrolled)

React JS Web Development - The Essentials Bootcamp

The Complete React Js & Redux Course - Build Modern Web Apps

The Complete React Native + Hooks Course

React Native - The Practical Guide

The Complete JavaScript Course 2019

More Content:

In this tutorial we will take a look at displaying Google Maps in a React Native application.

IF you are using the Android Emulator, make sure you have the following packages installed:
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

[dhirajdahal]

error :  AIRMAp was not found in the UIManager !!! what should i do ??

[raymondfinton]

Great video! I was struggling with the documentation on Github, but you're video worked like butter! It's odd that the documentation says not to use "react-native link" command but evidently you're having success with it. Did you have to add a Google Maps API key into your AndroidManifest.xml file?

[dawidspamer]

Make Sure to Change:

"dependencies": {
"react": "16.3.0-alpha.1",
"react-native": "0.54.0",
"react-native-maps": "0.20.1"
},

Changed to

"dependencies": {
"react": "16.0.0",
"react-native": "0.51.0",
"react-native-maps": "0.20.1"
},

And add:

android:value="Your Google maps API Key Here"/>

In your AndroidManifest.xml

[SudhirKumar-ovee]

how to make route map from one place to another, we fill our place "from" and "to" and route should be appeared on nexr screen..how to make plz guide

[ibrahimyilmaz]

The development server returned response error code: 500


hashAssetFiles\src\\components\\ChildInformation.js", "targetModuleName":"react-native-maps", "message":"Unable to resolve module `react-native-maps`

[nugrahaas]

api key not found after i add the meta-data tag to define api key and its name in AndroidManifest, why i get this?

[hakunamata_tuh]

keep it up the good work! love you tuts

[chasedeger]

Will this also work if I am just doing a react, non-native app?

[agusapriliawan]

thanks for you tutorial,
i want to ask, how to do geolocation in the background application?

[denizdengeliyorum]

(sen ne harika bişisin ya)
you are really helpfull man!

[emmanuelmoran]

When i tried to run the command react-native link react-native-maps, the console show a error (Cannot find module asap/raw), anyone have the same problem?

[hatimus]

It did not work.
You did not say anything about Google API.
How to update system files needed to use Google Maps.

[tery]

How to add API key, so the app works on Android?