I have a RN app that uses react-native-maps . I was able to successfully render the Map in the Android and iOS Emulators, but when I build it out (using Expo), the app works but the Map renders as a Gray screen with the Google logo on the bottom left-hand corner. I have an API key and have enabled all of the essential APIs in the Google Developer Console. I have only tested this on a physical Android device. So, What am I missing? Should I consider using Mapbox instead? EDIT: I did not add anything to a build.gradle or anything of the sort from the Android Studio end; just front-end stuff. Is this required?

google-mapsgoogle-maps-api-3react-nativereact-native-maps

Reputation: 155

react-native-maps: gray map after apk build

I have a RN app that uses react-native-maps. I was able to successfully render the Map in the Android and iOS Emulators, but when I build it out (using Expo), the app works but the Map renders as a Gray screen with the Google logo on the bottom left-hand corner.

I have an API key and have enabled all of the essential APIs in the Google Developer Console.
I have only tested this on a physical Android device.

So,

What am I missing?
Should I consider using Mapbox instead?

EDIT:

I did not add anything to a build.gradle or anything of the sort from the Android Studio end; just front-end stuff. Is this required?

Upvotes: 3

Answers (2)

rajar

Reputation: 53

I face same problem of greyed map, when use LocationView of react-native-location-view. Greyed Map resolved by Enable Maps SDK for Android. Follow as shown in

Upvotes: 3

Irfan Khan

Reputation: 511

Enable Maps SDK for Android in your developer console https://console.developers.google.com

Upvotes: 2

react-native-maps: gray map after apk build

Answers (2)

Related Questions