You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
importReactfrom'react';import{MapView,ShapeSource,LineLayer,Camera,RasterSource,RasterLayer}from'@rnmapbox/maps';constaLine={type: 'LineString',coordinates: [[-74.00597,40.71427],[-74.00697,40.71527],],};constTILESERVER='<OUR_TILESERVER>';classBugReportExampleextendsReact.Component{render(){constlayers=[{name: 'consume_with_pedestrian_zones'}];return(<MapViewstyle={{flex: 1}}><CameracenterCoordinate={[-74.00597,40.71427]}zoomLevel={14}/>{layers.map(({ name })=>(<RasterSourcekey={name}id={name}tileSize={256}tileUrlTemplates={[`${TILESERVER}/${name}/{z}/{x}/{y}.png"`]}><RasterLayerid={name}sourceID={name}style={{visibility: 'visible',rasterOpacity: 14}}/></RasterSource>))}</MapView>);}}
Observed behavior and steps to reproduce
The map gets displayed correctly and the layers render. On lower zoom levels everything looks fine, but there is a threshold when strange artifacts seem to appear (s. Screenshots attached). When I zoom in more and more it gets worse and worse. Its also not the same behavior for all RasterLayers, I have some layers only representing schools, which are green, that do not have the problem. Only the layers which those larger, red circles are affected. The bigger the circles, the bigger the artifacts.
We use the same layers in our web application using leaflet.js, which renders just fine, so I guess it is an Mapbox issue.
Expected behavior
No response
Notes / preliminary analysis
No response
Additional links and references
No response
The text was updated successfully, but these errors were encountered:
Mapbox Implementation
Mapbox
Mapbox Version
10.19.1
React Native Version
0.74.5
Platform
iOS
@rnmapbox/maps
version10.1.33
Standalone component to reproduce
Observed behavior and steps to reproduce
The map gets displayed correctly and the layers render. On lower zoom levels everything looks fine, but there is a threshold when strange artifacts seem to appear (s. Screenshots attached). When I zoom in more and more it gets worse and worse. Its also not the same behavior for all RasterLayers, I have some layers only representing schools, which are green, that do not have the problem. Only the layers which those larger, red circles are affected. The bigger the circles, the bigger the artifacts.
We use the same layers in our web application using leaflet.js, which renders just fine, so I guess it is an Mapbox issue.
Expected behavior
No response
Notes / preliminary analysis
No response
Additional links and references
No response
The text was updated successfully, but these errors were encountered: