经纬志
首页 / OpenLayers / 使用示例

瓦片预加载

preload 让图层在缩放前就取相邻层级瓦片,代价是请求量上升,换来更少的白块。

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

说明

ol.layer.Tile 的 preload 取 0 到 3,表示在低分辨率层级预先加载多少圈瓦片。 运行时用 setPreload() 修改,随后缩放地图即可看到请求量差别。 顶部计数来自 tileloadend,数值越大说明预取的瓦片越多。

操作结果
默认状态(preload 0)只加载当前层级,计数增长较慢
勾选「预加载 3 层」相邻层级瓦片被提前取回,计数快速增长
缩放地图预加载越多,新层级出现空白的时间越短

移动端和按流量计费的服务不建议开高 preload,请求量可能翻倍而用户并不需要。