Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Call PBF tile data is not displayed

See original GitHub issue

The PBF tile data is generated through geoserver. The call is not displayed, but the PNG format is show.

"@mapbox/mapbox-sdk": "^0.9.0",
"@react-native-mapbox-gl/maps": "^7.0.8",
"react": "16.9.0",
"react-native": "0.61.4",

<MapboxGL.MapView
    ref={c => (this._map = c)}
    style={{flex: 1}}
    styleURL={MapboxGL.StyleURL.Satellite}
>
    <MapboxGL.Camera
        followPitch={15}
        duration={300}
        zoomLevel={12}
        centerCoordinate={[112.922, 21.8455]}
    />
    <MapboxGL.VectorSource
        id={'rasterSource'}
        tileUrlTemplates={[
'http://192.168.0.39:18082/geoserver_bxonline/gwc/service/tms/1.0.0/bxonline%3AWD_GHTD_2018-06-24@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf',
        ]}
        // tileSize={256}
        tms={true}
        scheme={'tms'}
    >
        <MapboxGL.RasterLayer
            id={'rasterLayer'}
            sourceID={'rasterSource'}
        />
    </MapboxGL.VectorSource>
</MapboxGL.MapView>

Issue Analytics

State:
Created 4 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

ansarikhurshid786commented, Oct 19, 2021

Yes sourcelayerid require. so, is it working now right ?

0reactions

punovcommented, Oct 19, 2021

@ansarikhurshid786 I figured my problem. The entire issue of tiles being invisible was that I used wrong sourceLayerID for the LineLayer - I totally forgot that all my tiles have layerName inside their properties, so I just have to use that, like:

    <MapboxGL.VectorSource
      id={sourceID}
      minZoomLevel={0}
      maxZoomLevel={13}
      tileUrlTemplates={vectorTilesURLs}>
      <MapboxGL.LineLayer
        id={id}
        sourceID={sourceID}
        sourceLayerID="merged"
        style={styles.lineLayer}
      />
    </MapboxGL.VectorSource>

Me missing this sourceLayerID="merged" was the only reason of tiles being invisible.