Doesn't work on Android about react-native-maps HOT 28 CLOSED

Got same problem. Fixed by creating new project in Google Developer Console, enabling Google Maps Android API in Developer Console, creating new key (for Android) and rebuilding application with new key

from react-native-maps.

<MapView
        style={{width:100,height:100}}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      />

from react-native-maps.

Do you have any errors in your Android Log?

from react-native-maps.

No, nothing at all

console.log('MapView', MapView)

returns

MapView (props,context,updater){
if(process.env.NODE_ENV!=='production'){
process.env.NODE_ENV!=='production'?warning(this instanceof Constructor,'Something is calling a React component directly. …

from react-native-maps.

i have the same issue, rn 0.18.0

from react-native-maps.

everything works after adding style,
<MapView
style={{flex:1}}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
/>

from react-native-maps.

doesn't help in my case. @notlose could you post the code of your component here?

from react-native-maps.

@mdcsfk i dont imagine it would fix it, but do you think you could try removing the backgroundColor: 'red' style on the mapview?

from react-native-maps.

@lelandrichardson backgroundColor presents just for debugging. Nothing changes when i'm removing it

from react-native-maps.

during the execution of react-native run-androis i'm receiving this warnings:

Unknown source file : warning: string 'catalyst_debugjs' has no default translation.
Unknown source file : warning: string 'catalyst_element_inspector' has no default translation.
Unknown source file : warning: string 'catalyst_jsload_error' has no default translation.
Unknown source file : warning: string 'catalyst_jsload_message' has no default translation.
Unknown source file : warning: string 'catalyst_jsload_title' has no default translation.
Unknown source file : warning: string 'catalyst_reloadjs' has no default translation.
Unknown source file : warning: string 'catalyst_settings' has no default translation.
Unknown source file : warning: string 'catalyst_settings_title' has no default translation.

may some of them be related to my issue?

from react-native-maps.

when I intentionally use wrong google maps api key, I don't see any difference - no errors;
I've tested this key in one of my web projects to search within the radius - it works fine.

from react-native-maps.

@mdcsfk I think you should see some errors in the log if you do switch the key to random, does adb logcat shows nothing ?
For me it was showing me errors about the map, and googled that means that Google Services was not installed properly.

Something in the log should show Google Maps Android API when the map is rendered

from react-native-maps.

adb logcat *:S ReactNative:V ReactNativeJS:V doesn't contain google maps logs

from react-native-maps.

It will not be with ReactNative nor ReactNativeJS, what happens when you run adb logcat | grep Google ?

from react-native-maps.

W/GooglePlayServicesUtil( 1911): Google Play services is missing.

I'm sure i have it installed and updated in Android SDK Manager
also, this is logs from react-native run android:

:app:prepareComGoogleAndroidGmsPlayServicesBase830Library UP-TO-DATE
:app:prepareComGoogleAndroidGmsPlayServicesBasement830Library UP-TO-DATE
:app:prepareComGoogleAndroidGmsPlayServicesMaps830Library UP-TO-DATE

from react-native-maps.

Did you follow the step to install Google Services: https://github.com/lelandrichardson/react-native-maps/blob/master/docs/installation.md, you can follow the instructions from this link http://stackoverflow.com/questions/20121883/how-to-install-google-play-services-in-a-genymotion-vm-with-no-drag-and-drop-su/20137324#20137324 ?

from react-native-maps.

Stackoverflow helped, now the map gets rendered, but it is empty.
adb logcat has this:

W/ResourcesManager( 1689): Asset path '/system/framework/com.google.android.media.effects.jar' does not exist or contains no resources.
W/ResourcesManager( 1689): Asset path '/system/framework/com.google.android.maps.jar' does not exist or contains no resources.

from react-native-maps.

no inject permission for { uid=10061, packageName=com.google.android.gms }. Returned permission was: PACKAGE_NOT_WHITELISTED for context name=POWER_CONNECTION, account=account#-517948760#
W/ctxmgr  ( 1017): [AclManager]checkPermissionTypeStatus: no inject permission for { uid=10061, packageName=com.google.android.gms }. Returned permission was: PACKAGE_NOT_WHITELISTED for context name=POWER_CONNECTION, account=account#-517948760#

from react-native-maps.

Any answers to above ^^

Im getting same as mdsfk

from react-native-maps.

maybe the same issue - installed npm, used rnpm and updated android manifest and this is what I see when debuging on real device (samsung s4).

    "react-native": "^0.19.0",
    "react-native-maps": "^0.3.0",

and code

        <MapView
          style={styles.map}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />

I just see "empty" map with google logo.

Logcats:

I/Google Maps Android API( 7006): Google Play services package version: 8489238

from react-native-maps.

In my case it was a problem with api key (I used JS one - not the android one).
However simple "fix" by updating key haven't worked. I tried several things so I am not sure what actually helped but I think ./gradlew clean assembleRelease and total uninstall from device helped.

from react-native-maps.

@DanDance thank you for the tip! developing for android on windows seems to be such a hassle

from react-native-maps.

@mdcsfk : please help to resolve issue.
getting same as you got in log
W/GooglePlayServicesUtil( 2349): Google Play services is missing.

from react-native-maps.

@dg92 did you install google play services on the simulator? http://stackoverflow.com/questions/20121883/how-to-install-google-play-services-in-a-genymotion-vm-with-no-drag-and-drop-su/20137324#20137324 That's generally when you get this message

from react-native-maps.

@jrichardlai thanks for your time .
please refer the sdk manager screen shot , its installed.

from react-native-maps.

@jrichardlai : thanks !

from react-native-maps.

You need to install it on the simulator you can follow this video https://www.youtube.com/watch?v=D0CjC4LVRuc ( or other one on youtube )

from react-native-maps.

Closing due to inactivity.

from react-native-maps.