`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

瓦片预加载

preload 决定视野外提前准备几圈瓦片,值越大越顺滑,请求也越多。

OpenLayers 10.3.1 · 更新 2026-10-28
`r`n
源码与运行效果
运行效果
`r`n

说明

示例在地图上叠一个半透明 OSM 层,切换下拉框就重建该层并套用新的 preload。每次瓦片请求都计入计数器,缩放同一区域即可看出差别:取 0 时视野外基本不请求,取 Infinity 时会把整层未缓存的瓦片都排进队列。

操作结果
选择 preload = 0只请求视野内的瓦片,缩放时可能出现短暂空白
选择 preload = 1 或 2视野外多备一到两圈,平移更顺
选择 Infinity请求量明显上升,适合网络稳定且频繁缩放的场景

要点

  • preload 是图层级选项,改值需要新建图层实例。
  • 移动端流量敏感时优先用小数值。

预加载的瓦片同样占用浏览器缓存,长时间浏览大范围区域时注意内存占用。

`r`n
`r`n