首页 / OpenLayers / 使用示例
`r`n 瓦片预加载
preload 决定视野外提前准备几圈瓦片,值越大越顺滑,请求也越多。
源码与运行效果
说明
示例在地图上叠一个半透明 OSM 层,切换下拉框就重建该层并套用新的 preload。每次瓦片请求都计入计数器,缩放同一区域即可看出差别:取 0 时视野外基本不请求,取 Infinity 时会把整层未缓存的瓦片都排进队列。
| 操作 | 结果 |
|---|---|
| 选择 preload = 0 | 只请求视野内的瓦片,缩放时可能出现短暂空白 |
| 选择 preload = 1 或 2 | 视野外多备一到两圈,平移更顺 |
| 选择 Infinity | 请求量明显上升,适合网络稳定且频繁缩放的场景 |
要点
preload是图层级选项,改值需要新建图层实例。- 移动端流量敏感时优先用小数值。
预加载的瓦片同样占用浏览器缓存,长时间浏览大范围区域时注意内存占用。