React-native-mapbox-gl: Grey blank map on Android

Created on 15 Feb 2018  路  29Comments  路  Source: nitaliano/react-native-mapbox-gl

[email protected]
react-native-mapbox-gl@master
Testing on Android Simulator v7.1.1

<MapboxGL.MapView
  style={{ flex: 1, backgroundColor: '#232224' }}
  centerCoordinate={[8.5333396, 47.388]}
  zoomLevel={12}
  showUserLocation
  styleURL="mapbox://styles/mealseaty/cj8j606p93rmj2rojy4in2h9r"
  onPress={() => this.props.clearMarker()}
  ref={(ref) => {
    this.map = ref;
  }}
/>

I get a blank grey map.

I'm quite sure I've done the setup correctly (did 3 times) and the map has the same configuration as iOS.

Checking adb logcat I can see this

02-15 01:51:26.757  1767  2115 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@453ad50)
02-15 01:51:26.758  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@453ad50)
--------- beginning of system
02-15 01:51:26.762  1767  3173 I ActivityManager: Killing 4461:com.android.defcontainer/u0a8 (adj 906): empty #17
02-15 01:51:26.788  4572  5640 D         : HostConnection::get() New Host Connection established 0xa6ffb880, tid 5640
02-15 01:51:26.789  4572  5640 D EGL_emulation: eglCreateContext: 0xa6f6f420: maj 3 min 0 rcv 3
02-15 01:51:26.798  4572  5640 D EGL_emulation: eglMakeCurrent: 0xa6f6f420: ver 3 0 (tinfo 0xa647f940)
02-15 01:51:26.819  1767  2931 D ActivityManager: cleanUpApplicationRecord -- 4461
02-15 01:51:26.866  1767  2933 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@828df5a)
02-15 01:51:26.870  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@828df5a)
02-15 01:51:26.877  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.879  1767  2529 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@710b58b)
02-15 01:51:26.879  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@710b58b)
02-15 01:51:26.887  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.888  1767  2119 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@defd668)
02-15 01:51:26.888  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@defd668)
02-15 01:51:26.898  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.900  1767  2283 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@ee22a81)
02-15 01:51:26.902  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@ee22a81)
02-15 01:51:26.905  1767  2347 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@59726)
02-15 01:51:26.907  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@59726)
02-15 01:51:26.911  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.912  1767  2347 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@3d31f67)
02-15 01:51:26.913  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@3d31f67)
02-15 01:51:26.918  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.918  1767  2119 I GnssLocationProvider: WakeLock acquired by sendMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@51ff114)
02-15 01:51:26.920  1767  1782 I GnssLocationProvider: WakeLock released by handleMessage(3, 0, com.android.server.location.GnssLocationProvider$GpsRequest@51ff114)
02-15 01:51:26.950  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.950  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.950  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.950  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.951  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.951  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.951  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread
02-15 01:51:26.951  4572  4572 W art     : Attempt to remove non-JNI local reference, dumping thread

screenshot_1518658824

picture mtt87
👍2

Most helpful comment

@nitaliano: My Android Studio version is 3.0.1.

Thanks for the reference to the upstream issue. @invised's suggestion of switching the renderer worked for me. Although I didn't have "ANGLE (D3D11)" as an option (perhaps a Windows vs. macOS thing? (I'm on macOS)). "SwiftShader" is working for me.
image

Thanks for your amazingly speedy responses.

picture stdavis on 22 Mar 2018
👍34 🎉13 ❤4 👎1

All 29 comments

Have you tried zooming out on the map? When I plug your coords into google it puts me in the middle of Somalia.
screen shot 2018-02-14 at 9 28 43 pm

marcpechaitis picture marcpechaitis on 15 Feb 2018
😄1

@marcpechaitis thanks for the reply 馃槃 it's funny but mapbox uses lat/lng the other way around lng/lat
8.5333396, 47.388 is the center of Zurich (CH) 馃槃
https://www.google.co.uk/maps/@47.388,8.5333396,14z

mtt87 picture mtt87 on 15 Feb 2018
👍1

@mtt87 is this happening on a physical device? I've noticed this happening on emulators but once I put it on a physical device everything works fine

nitaliano picture nitaliano on 15 Feb 2018

@nitaliano I haven't tested yet on a physical device, I'll do tonight 馃憤

That said, it would make the developer experience much worst if the package doesn't work on emulators 馃槩

mtt87 picture mtt87 on 15 Feb 2018

It's been hit or miss so far with emulators, I have troubles with older emulators but never see a white map on newer emulators (API 26+). Other people have different experiences here, and this is something that this package doesn't have control over. In version 6.0.0 of our upcoming Android SDK genymotion emulators will be supported as well so it could hopefully fix any weirdness that we are seeing

nitaliano picture nitaliano on 15 Feb 2018

Interesting I'm using API 25 as I thought it was the suggested one to test with React Native.

Gonna try also to upgrade at API 26 馃憤

mtt87 picture mtt87 on 15 Feb 2018

I just tried with 

centerCoordinate={[8.5333396, 47.388]}
zoomLevel={12}

on API 26 and it looks like what I think you're expecting to see?:
screen shot 2018-02-15 at 11 59 20 am

marcpechaitis picture marcpechaitis on 15 Feb 2018
👍1

I need to try API 26 definitely, I was using API 25. I can do it in a few hours 馃槃

mtt87 picture mtt87 on 15 Feb 2018

Nothing, I've tried with emulator and API 26, still blank grey map.

On the other side, testing on a real device it works fine.

Any suggestion on how to debug this issue?
On adb logcat I can't really see any error message, there is a lot going on though 馃槃

mtt87 picture mtt87 on 16 Feb 2018

I am also having the same problem but am getting a few log errors

03-01 10:22:57.474 25470-25476/com.react_native_v1 I/zygote: Do full code cache collection, code=244KB, data=175KB
03-01 10:22:57.482 25470-25476/com.react_native_v1 I/zygote: After code cache collection, code=242KB, data=147KB
03-01 10:23:10.728 25470-25476/com.react_native_v1 I/zygote: Do partial code cache collection, code=244KB, data=158KB
03-01 10:23:10.729 25470-25476/com.react_native_v1 I/zygote: After code cache collection, code=244KB, data=158KB
03-01 10:23:10.729 25470-25476/com.react_native_v1 I/zygote: Increasing code cache capacity to 1024KB
03-01 10:25:29.363 25470-25482/com.react_native_v1 I/zygote: Background concurrent copying GC freed 32422(3MB) AllocSpace objects, 6(1020KB) LOS objects, 45% free, 7MB/13MB, paused 4.546ms total 330.122ms
03-01 10:27:34.892 25470-25476/com.react_native_v1 I/zygote: Do full code cache collection, code=489KB, data=331KB
03-01 10:27:34.893 25470-25476/com.react_native_v1 I/zygote: After code cache collection, code=459KB, data=278KB
03-01 10:28:24.492 25470-25498/com.react_native_v1 D/EGL_emulation: eglMakeCurrent: 0xde5843c0: ver 3 0 (tinfo 0xde583370)
03-01 10:28:24.583 25470-25498/com.react_native_v1 D/EGL_emulation: eglMakeCurrent: 0xde5843c0: ver 3 0 (tinfo 0xde583370)
03-01 10:28:24.587 25470-25470/com.react_native_v1 D/ReactNative: ReactInstanceManager.onJSBundleLoadedFromServer()
03-01 10:28:24.587 25470-25470/com.react_native_v1 D/ReactNative: ReactInstanceManager.recreateReactContextInBackground()
03-01 10:28:24.587 25470-25470/com.react_native_v1 D/ReactNative: ReactInstanceManager.runCreateReactContextOnNewThread()
03-01 10:28:24.587 25470-25470/com.react_native_v1 D/ReactNative: ReactInstanceManager.tearDownReactContext()
03-01 10:28:24.594 25470-25470/com.react_native_v1 D/ReactNative: CatalystInstanceImpl.destroy() start
03-01 10:28:24.595 25470-25470/com.react_native_v1 W/unknown:ReactNative: Packager connection already open, nooping.
03-01 10:28:24.597 25470-25932/com.react_native_v1 D/ReactNative: ReactInstanceManager.createReactContext()
03-01 10:28:24.598 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTGroupViewManager
03-01 10:28:24.598 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTGroupShadowNode
03-01 10:28:24.599 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTShapeViewManager
03-01 10:28:24.599 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTShapeShadowNode
03-01 10:28:24.599 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTTextViewManager
03-01 10:28:24.599 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTTextShadowNode
03-01 10:28:24.600 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.checkbox.ReactCheckBoxManager
03-01 10:28:24.602 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.uimanager.LayoutShadowNode
03-01 10:28:24.607 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.picker.ReactDialogPickerManager
03-01 10:28:24.607 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.drawer.ReactDrawerLayoutManager
03-01 10:28:24.609 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.picker.ReactDropdownPickerManager
03-01 10:28:24.609 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.scroll.ReactHorizontalScrollViewManager
03-01 10:28:24.614 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.scroll.ReactHorizontalScrollContainerViewManager
03-01 10:28:24.614 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.progressbar.ReactProgressBarViewManager
03-01 10:28:24.615 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.progressbar.ProgressBarShadowNode
03-01 10:28:24.615 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.scroll.ReactScrollViewManager
03-01 10:28:24.619 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.slider.ReactSliderManager
03-01 10:28:24.625 25470-25498/com.react_native_v1 D/EGL_emulation: eglMakeCurrent: 0xde5843c0: ver 3 0 (tinfo 0xde583370)
03-01 10:28:24.633 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.slider.ReactSliderManager$ReactSliderShadowNode
03-01 10:28:24.635 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.switchview.ReactSwitchManager
03-01 10:28:24.636 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.switchview.ReactSwitchManager$ReactSwitchShadowNode
03-01 10:28:24.637 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.toolbar.ReactToolbarManager
03-01 10:28:24.638 25470-25931/com.react_native_v1 D/ReactNative: CatalystInstanceImpl.destroy() end
03-01 10:28:24.640 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.webview.ReactWebViewManager
03-01 10:28:24.641 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.swiperefresh.SwipeRefreshLayoutManager
03-01 10:28:24.642 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTSurfaceViewManager
03-01 10:28:24.643 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.art.ARTSurfaceViewShadowNode
03-01 10:28:24.643 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.frescosupport.FrescoBasedReactTextInlineImageViewManager
03-01 10:28:24.643 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.frescosupport.FrescoBasedReactTextInlineImageShadowNode
03-01 10:28:24.644 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.image.ReactImageManager
03-01 10:28:24.646 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.modal.ReactModalHostManager
03-01 10:28:24.647 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.modal.ModalHostShadowNode
03-01 10:28:24.648 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactRawTextManager
03-01 10:28:24.648 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactRawTextShadowNode
03-01 10:28:24.649 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.textinput.ReactTextInputManager
03-01 10:28:24.652 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.textinput.ReactTextInputShadowNode
03-01 10:28:24.654 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactTextViewManager
03-01 10:28:24.655 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactTextShadowNode
03-01 10:28:24.655 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.view.ReactViewManager
03-01 10:28:24.657 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.viewpager.ReactViewPagerManager
03-01 10:28:24.658 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactVirtualTextViewManager
03-01 10:28:24.658 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.facebook.react.views.text.ReactVirtualTextShadowNode
03-01 10:28:24.659 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.mapview.RCTMGLMapViewManager
03-01 10:28:24.660 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.mapview.RCTMGLAndroidTextureMapViewManager
03-01 10:28:24.660 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.light.RCTMGLLightManager
03-01 10:28:24.661 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.annotation.RCTMGLPointAnnotationManager
03-01 10:28:24.662 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.annotation.RCTMGLCalloutManager
03-01 10:28:24.662 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.sources.RCTMGLVectorSourceManager
03-01 10:28:24.663 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.sources.RCTMGLShapeSourceManager
03-01 10:28:24.664 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.sources.RCTMGLRasterSourceManager
03-01 10:28:24.665 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.sources.RCTMGLImageSourceManager
03-01 10:28:24.666 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLFillLayerManager
03-01 10:28:24.667 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLFillExtrusionLayerManager
03-01 10:28:24.667 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLLineLayerManager
03-01 10:28:24.668 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLCircleLayerManager
03-01 10:28:24.669 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLSymbolLayerManager
03-01 10:28:24.670 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLRasterLayerManager
03-01 10:28:24.671 25470-25932/com.react_native_v1 W/unknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.mapbox.rctmgl.components.styles.layers.RCTMGLBackgroundLayerManager
03-01 10:28:24.673 25470-25932/com.react_native_v1 D/ReactNative: Initializing React Xplat Bridge.
03-01 10:28:24.675 25470-25932/com.react_native_v1 D/ReactNative: Initializing React Xplat Bridge before initializeBridge
03-01 10:28:24.676 25470-25932/com.react_native_v1 D/ReactNative: Initializing React Xplat Bridge after initializeBridge
03-01 10:28:24.676 25470-25932/com.react_native_v1 D/ReactNative: CatalystInstanceImpl.runJSBundle()
03-01 10:28:24.682 25470-25934/com.react_native_v1 D/ReactNative: ReactInstanceManager.setupReactContext()
03-01 10:28:24.682 25470-25934/com.react_native_v1 D/ReactNative: CatalystInstanceImpl.initialize()
03-01 10:28:24.683 25470-25470/com.react_native_v1 W/unknown:ReactNative: Packager connection already open, nooping.
03-01 10:28:24.683 25470-25934/com.react_native_v1 D/ReactNative: ReactInstanceManager.attachRootViewToInstance()
03-01 10:28:24.908 25470-25933/com.react_native_v1 I/ReactNativeJS: Running application "react_native_v1" with appParams: {"rootTag":21}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF

                                                                    [ 03-01 10:28:26.975 25470:25939 D/         ]
                                                                    HostConnection::get() New Host Connection established 0xc2cb1140, tid 25939
03-01 10:28:26.979 25470-25939/com.react_native_v1 D/EGL_emulation: eglCreateContext: 0xc3844420: maj 3 min 0 rcv 3
03-01 10:28:27.000 25470-25939/com.react_native_v1 D/EGL_emulation: eglMakeCurrent: 0xc3844420: ver 3 0 (tinfo 0xc1786330)
**03-01 10:28:27.002 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008cdf
03-01 10:28:27.002 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008cdf
03-01 10:28:27.003 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008824
03-01 10:28:27.003 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008824**
03-01 10:28:27.750 25470-25482/com.react_native_v1 I/zygote: Background concurrent copying GC freed 92463(4MB) AllocSpace objects, 1(224KB) LOS objects, 49% free, 5MB/11MB, paused 1.397ms total 221.672ms
03-01 10:29:18.396 25470-25476/com.react_native_v1 I/zygote: Do partial code cache collection, code=484KB, data=322KB
03-01 10:29:18.396 25470-25476/com.react_native_v1 I/zygote: After code cache collection, code=484KB, data=322KB
03-01 10:29:18.396 25470-25476/com.react_native_v1 I/zygote: Increasing code cache capacity to 2MB

The Following are highlighted in red

**03-01 10:28:27.002 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008cdf
03-01 10:28:27.002 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008cdf
03-01 10:28:27.003 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008824
03-01 10:28:27.003 25470-25939/com.react_native_v1 E/eglCodecCommon: glUtilsParamSize: unknow param 0x00008824**
swissums picture swissums on 1 Mar 2018

Happens to me on a Nexus 5 API 23 emulator 馃槥

cjrorvik picture cjrorvik on 9 Mar 2018
👍2

Just so everyone knows this is a known issue with the native Android SDK, I'm not sure what the exact setup is, but I can see a map on emulators 24+, it can also be due to your Android Studio versions.Once the fixes land in the newer versions of the SDK we will update the repo to use it.

For now if you experience this, just multiple different emulators or use your phone for testing to see the map

nitaliano picture nitaliano on 12 Mar 2018
👍1

I'm experiencing this issue no matter which API I try (24, 25, 26, or 27). I don't have a physical device to test on at the moment. I've also verified that I'm on the most recent version of Android Studio.

Here are some of the errors that I'm getting:
image

stdavis picture stdavis on 22 Mar 2018
👍1

Are you using 6.1.0 at @stdavis? I'm able to run on all of these and my studio version is 3.0.1

This is the issue in gl-native https://github.com/mapbox/mapbox-gl-native/issues/11266, it might even be worth trying a genymotion emulator.

You can also try this comment https://github.com/mapbox/mapbox-gl-native/issues/11266#issuecomment-374268282

nitaliano picture nitaliano on 22 Mar 2018
👍1

@nitaliano: My Android Studio version is 3.0.1.

Thanks for the reference to the upstream issue. @invised's suggestion of switching the renderer worked for me. Although I didn't have "ANGLE (D3D11)" as an option (perhaps a Windows vs. macOS thing? (I'm on macOS)). "SwiftShader" is working for me.
image

Thanks for your amazingly speedy responses.

stdavis picture stdavis on 22 Mar 2018
👍34 🎉13 ❤4 👎1

I had the EXACT same issue.. Thank you!

SwiftShader also worked for me.

kooscode picture kooscode on 22 Mar 2018
👍3 🎉2

I have the same issue... Could the styles affect the fact that no streets are visible? iOS works perfectly...

unicornRainbows picture unicornRainbows on 9 Apr 2018

Ok, I had the issue where my map was not showing on Android but worked on iOS...

The solution is to add in

dependencies { implementation 'com.mapbox.mapboxsdk:mapbox-android-sdk:5.5.1' }

Please add this into the documentation, but seems like not a lot of people have had this issue.. But this fixes it.. :) <3

unicornRainbows picture unicornRainbows on 9 Apr 2018
👍2

I'll send a PR that just updates to 5.5.1

nitaliano picture nitaliano on 9 Apr 2018

Same issue here. Using SwiftShader as renderer also worked for me after rebooting the emulator.

hnrchrdl picture hnrchrdl on 10 Apr 2018

Just to share my setup (having the same issue).
Was working fine with previous version (not sure which version it was beforehand), but with Android Studio Version 3.1.2 and ADV 7.1.1 API 25.

SwiftShader setting does display the map, however the emulator runs very slow, making development not fun...

@unicornRainbows: where would one add that line?
@nitaliano: is there an ETA for that PR?

Thanks in advance

ferdicus picture ferdicus on 25 Apr 2018
👍2

@ferdicus

where would one add that line?

I just got it to work by updating /node_modules/@mapbox/android/rctmgl/build.gradle (line 31)

compile('com.mapbox.mapboxsdk:mapbox-android-sdk:5.5.1@aar') {

marcpechaitis picture marcpechaitis on 1 May 2018
🎉5 👍3 😕2

styleURL={Mapbox.StyleURL.Street}
zoomLevel={15}
centerCoordinate={[11.256, 43.770]}
style={styles.container}>

It's just showing grey background not map.
I am using "@mapbox/react-native-mapbox-gl": "^6.1.2-beta2"
Please help me! Thanks.

Edison4mobile picture Edison4mobile on 5 Jul 2018
👍1

@nitaliano: My Android Studio version is 3.0.1.

Thanks for the reference to the upstream issue. @invised's suggestion of switching the renderer worked for me. Although I didn't have "ANGLE (D3D11)" as an option (perhaps a Windows vs. macOS thing? (I'm on macOS)). "SwiftShader" is working for me.
image

Thanks for your amazingly speedy responses.

This did the trick! Thanks.

@mapbox team: are you working on this?

kaynz picture kaynz on 12 Nov 2018
🎉1

@ferdicus

where would one add that line?

I just got it to work by updating /node_modules/@mapbox/android/rctmgl/build.gradle (line 31)

compile('com.mapbox.mapboxsdk:mapbox-android-sdk:5.5.1@aar') {

I had to change the version to 5.5.3 for this to work for me. AFAIKT, the fix for the underlying issue was part of 5.5.2, so I don't understand why 5.5.1 would work.

alexiri picture alexiri on 7 Feb 2019

I can confirm that @unicornRainbows and @alexiri solution combined works.

You have to add implementation 'com.mapbox.mapboxsdk:mapbox-android-sdk:5.5.3' in the dependencies section in app/build.gradle.

larryranches picture larryranches on 23 Feb 2019

the 5.5.3-version-tweak fixed grey maps on a sony testphone (android 8.0.0) for me .. plans to fix in master?

ippa picture ippa on 13 Mar 2019

This is already in master :) closing issue.

kristfal picture kristfal on 13 Mar 2019

Not really, i'm still having issue when I have to build for android.
`> Task :app:processDebugResources FAILED

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ':app:processDebugResources'.

    Android resource linking failed
    Output: /Users/john/www/devmapper/android/app/build/intermediates/incremental/mergeDebugResources/merged.dir/values-v28/values-v28.xml:7: error: resource android:attr/dialogCornerRadius not found.
    /Users/john/www/devmapper/android/app/build/intermediates/incremental/mergeDebugResources/merged.dir/values-v28/values-v28.xml:11: error: resource android:attr/dialogCornerRadius not found.
    /Users/john/www/devmapper/android/app/build/intermediates/incremental/mergeDebugResources/merged.dir/values/values.xml:962: error: resource android:attr/fontVariationSettings not found.
    /Users/john/www/devmapper/android/app/build/intermediates/incremental/mergeDebugResources/merged.dir/values/values.xml:963: error: resource android:attr/ttcIndex not found.
    error: failed linking references.

    Command: /Users/john/.gradle/caches/transforms-1/files-1.1/aapt2-3.2.1-4818971-osx.jar/e961f62d0f15110371bbffdc8b30c676/aapt2-3.2.1-4818971-osx/aapt2 link -I\
    /Users/john/Library/Android/sdk/platforms/android-26/android.jar\
    --manifest\
    /Users/john/www/devmapper/android/app/build/intermediates/merged_manifests/debug/processDebugManifest/merged/AndroidManifest.xml\
    -o\
    /Users/john/www/devmapper/android/app/build/intermediates/processed_res/debug/processDebugResources/out/resources-debug.ap_\
    -R\
    @/Users/john/www/devmapper/android/app/build/intermediates/incremental/processDebugResources/resources-list-for-resources-debug.ap_.txt\
    --auto-add-overlay\
    --java\
    /Users/john/www/devmapper/android/app/build/generated/not_namespaced_r_class_sources/debug/processDebugResources/r\
    --custom-package\
    com.devmapper\
    -0\
    apk\
    --output-text-symbols\
    /Users/john/www/devmapper/android/app/build/intermediates/symbols/debug/R.txt\
    --no-version-vectors
    Daemon: AAPT2 aapt2-3.2.1-4818971-osx Daemon #0
    Output: /Users/john/.gradle/caches/transforms-1/files-1.1/appcompat-v7-28.0.0.aar/a8e3d2ff440f5c9b7fa4ad7cb9c12974/res/values-v28/values-v28.xml:9:5-12:13: AAPT: error: resource android:attr/dialogCornerRadius not found.

    /Users/john/www/devmapper/android/app/build/intermediates/incremental/mergeDebugResources/merged.dir/values-v28/values-v28.xml:11: AAPT: error: resource android:attr/dialogCornerRadius not found.

    /Users/john/.gradle/caches/transforms-1/files-1.1/drawee-1.10.0.aar/9d8374fbf4e72e0fa9bbcfdb88720f8e/res/values/values.xml:3:5-58:857: AAPT: error: resource android:attr/fontVariationSettings not found.

    /Users/john/.gradle/caches/transforms-1/files-1.1/drawee-1.10.0.aar/9d8374fbf4e72e0fa9bbcfdb88720f8e/res/values/values.xml:3:5-58:857: AAPT: error: resource android:attr/ttcIndex not found.

    error: failed linking references.
    Command: /Users/john/.gradle/caches/transforms-1/files-1.1/aapt2-3.2.1-4818971-osx.jar/e961f62d0f15110371bbffdc8b30c676/aapt2-3.2.1-4818971-osx/aapt2 link -I\
    /Users/john/Library/Android/sdk/platforms/android-26/android.jar\
    --manifest\
    /Users/john/www/devmapper/android/app/build/intermediates/merged_manifests/debug/processDebugManifest/merged/AndroidManifest.xml\
    -o\
    /Users/john/www/devmapper/android/app/build/intermediates/processed_res/debug/processDebugResources/out/resources-debug.ap_\
    -R\
    @/Users/john/www/devmapper/android/app/build/intermediates/incremental/processDebugResources/resources-list-for-resources-debug.ap_.txt\
    --auto-add-overlay\
    --java\
    /Users/john/www/devmapper/android/app/build/generated/not_namespaced_r_class_sources/debug/processDebugResources/r\
    --custom-package\
    com.devmapper\
    -0\
    apk\
    --output-text-symbols\
    /Users/john/www/devmapper/android/app/build/intermediates/symbols/debug/R.txt\
    --no-version-vectors
    Daemon: AAPT2 aapt2-3.2.1-4818971-osx Daemon #0`

jonathangaldino picture jonathangaldino on 15 Mar 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

VentsislavDinev picture VentsislavDinev  路  3Comments
Craytor picture Craytor  路  3Comments
yaduc picture yaduc  路  3Comments
smoll picture smoll  路  4Comments
Gp2mv3 picture Gp2mv3  路  3Comments