微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当滚动缩放时,react-map-gl有时会降低osm层的分辨率

如何解决当滚动缩放时,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>
  )
}

enter image description here

一卷缩放后:

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。