[Bug]: On Initial zoom Features are not getting rendered

Mapbox Implementation

Mapbox GL

Mapbox Version

default

Platform

iOS

@rnmapbox/maps version

#main

Standalone component to reproduce

import React from 'react'
import { MapView, Camera, ShapeSource, CircleLayer, LineLayer } from '@rnmapbox/maps'

const aLine = {
  type: 'LineString',
  coordinates: [
    [80.41956421171835, 16.29841309698017],
    [80.41956421171835, 16.29835131091197],
    [80.4195695761428, 16.29812476181567],
    [80.41966613564813, 16.29497879163125],
    [80.41966613564813, 16.294999387356782]
  ]
}

export class BugReportExample extends React.Component {
  render() {
    return (
      <MapView style={{ flex: 1 }}>
        <Camera centerCoordinate={[80.41956421171835, 16.29841309698017]} zoomLevel={16} />
        <ShapeSource id={'idStreetLayer'} shape={aLine}>
          <LineLayer
            id={'idStreetLayer'}
            sourceID={'ShapeSource'}
            style={{ linePattern: 'https://docs.mapbox.com/mapbox-gl-js/assets/colorado_flag.png' }}></LineLayer>
          {/* <CircleLayer id={'idStreetCircleLayer'} /> */}
        </ShapeSource>
      </MapView>
    )
  }
}

Observed behavior and steps to reproduce

• On Initial Zoom Level at which mapbox loads the map. Features of shape source with line-layer that has linePattern not getting rendered Once if we ZoomIn and ZoomOut again they are getting rendered and able to see on map

Too re-produce this issue try to load any linePattern to Initial Camera Centre coordinate’s

Expected behavior

• Shape-source with LineLayer of linePattern images should be rendered upon map is loaded

Note : I see issue is in both Implementation mapbox and mapbox-gl

Notes / preliminary analysis

• rendering issue on initial load
• I see issue is in both Implementation mapbox and mapbox-gl

Additional links and references

https://user-images.githubusercontent.com/94572332/201638575-90d1c6fc-af62-4b97-9037-aad2f13ae95f.mov

[naftalibeder]

Hi, please don’t spam everyone.

Can you share a true standalone component, rather than part of one?

If you’re in a hurry, you can also investigate yourself. I would suggest first finding the most minimal version of this you can - does the bug still happen with a solid line? Is it the same with a different feature like a CircleLayer?

The more specific the report, the more likely somebody will look into this.

[KiwiKilian]

@sarath40158 please stop spamming everybody. You can try to investigate yourself and fix it. Otherwise be patient until somebody else picks up on the issue. As I see you already figured, this might be a upstream problem https://github.com/mapbox/mapbox-maps-ios/issues/1436. I can only reproduce with linePattern. lineColor works fine.