Base map not showing when using custom style

[perks205]

Good evening,

I am having trouble with the base map not showing when using a custom style.

When I use a standard base map ( syleURL={MapboxGL.StyleURL.Light} ) the base map works fine.

When I use a custom style, either with extra layers, or even unadulterated the base map will not show.

The layers I have created on top of the base map do show though.

I have tried to simplify things as much as I can to make sure nothing is interfering, but still get the issue. The screenshot shows what I get when using a custom style with a layer containing a geojson polygon.

This is the simple code with the token and styleurl obfuscated, but correct when running.

The only thing I can think is have got something set up incorrectly in Mapobox Studio, but my custom styles are published and show correctly in the UI when doing so.

Any help would be much appreciated.

Cheers!

Will

import React from 'react';
import { StyleSheet, View } from 'react-native';
import Mapbox from '@rnmapbox/maps';

Mapbox.setAccessToken('xxxxxxxxxx');

const App = () => {
return (


<Mapbox.MapView
style={styles.map}
styleURL="mapbox://styles/wxxxx/xxxxxxxxxxxxxxxx"
attributionEnabled={true}
>
<Mapbox.Camera
zoomLevel={5}
centerCoordinate={[4.83, 45.08]} // Northern Rhône coordinates
animationDuration={1000}
/>
</Mapbox.MapView>


);
};

export default App;

const styles = StyleSheet.create({
page: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
container: {
height: 400,
width: 300,
position: 'relative',
},
map: {
flex: 1,
borderRadius: 4,
}
});

[Ladvace]

I solved this issue updating the RNMapboxMapsVersion to version 11

   [
      '@rnmapbox/maps',
      {
        RNMapboxMapsDownloadToken: process.env.EXPO_MAPBOX_DOWNLOADS_TOKEN,
        RNMapboxMapsImpl: 'mapbox',
        RNMapboxMapsVersion: '11.8.0',
      },
    ]
    ```

[perks205]

Thanks Ladvace! This didn't work for me, but what has worked is creating a new style from a 'classic template' rather than a 'New Style', which I suspect is a 'Blank Style' and then loading tile sets from my codebase rather than creating layers on the base map.

Not sure whether this is the recommended approach and isn't in line with the "New York Bike Sheds" demo, but for now is fulfilling my needs.