如何解决当滚动缩放时,react-map-gl有时会降低osm层的分辨率
我在滚动缩放地图时遇到问题,有时会下载具有高分辨率的新图块,但有时仅调整旧图块的大小并且质量很低。我发现,当我双击地图时,每个缩放的新图块都会降格,但滚动时却不总是如此。是库错误还是什么?
export default function App() {
const [state,dispatch] = useReducer(reducer,initialState)
const [viewport,setViewport] = useState({
width: '100%',height: '100vh',latitude: 52.06,longitude: 19.25,zoom: 6,})
const mapStyle = {
'version': 8,'name': 'OSM','sources': {
'osm': {
'type': 'raster','tiles': ['https://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png'],'minzoom': 0,'maxzoom': 24,'tileSize': 256
},'layers': [
{
'id': 'osm','type': 'raster','source': 'osm',},return (
<ReactMapGL {...viewport} mapStyle={mapStyle} onViewportChange={(nextViewport) => setViewport(nextViewport)
</ReactMapGL>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。