我已经开发了自己的 maptile 服务器,我想将它用作我在 react-native-mapbox-gl 中的栅格源,这是我的代码:
const rasterSourceProps = { id: 'iranMap', tileUrlTemplates: ['http://.../{z}/{x}/{y}.png'], tileSize: 256,
};
<MapboxGL.MapView
style={styles.map}
rotateEnabled>
<MapboxGL.RasterSource {...rasterSourceProps} >
<MapboxGL.BackgroundLayer id="background" sourceLayerID="iranMap" style={{ backgroundColor:"#f2efea"} } />
<MapboxGL.RasterLayer
id="iranMapLayer"
sourceLayerID="iranMap"
minZoomLevel= {1}
maxZoomLevel= {19}
style={{rasterOpacity: 1, rasterFadeDuration: 100}}
/>
</MapboxGL.RasterSource>
<MapboxGL.Camera zoomLevel={3} centerCoordinate={coordinates} />
<MapboxGL.PointAnnotation coordinate={coordinates} id="Test" />
</MapboxGL.MapView>
我可以使用自己的图块查看我的地图,但问题是在高缩放级别下,一些图块在夜间模式下加载,如下图所示:
https://drive.google.com/file/d/1O_OQdMI-7SKCC3E5HSnuR_vwOzwseVOY/view?usp=sharing
任何解决方案?