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

切片 WMS

与整图 WMS 相比,切片 WMS 每次只请求与瓦片对齐的小块,缩放和平移更平滑。

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

说明

ol.source.TileWMS 在参数里加 TILED: true,服务端按瓦片范围返回图片,客户端按瓦片缓存。示例用 WebGLTile 承载瓦片源,两侧颜色不同以确认瓦片拼接;transition: 0 避免透明边界在切换时闪烁。页面内的 tileLoadFunction 按 BBOX、WIDTH、HEIGHT 合成影像。

操作结果
拖动地图只请求新进入视野的瓦片,已经加载的瓦片复用
缩放一级瓦片按 2 的幂切换,边缘不出现半张图
查看顶部显示 TILED 参数与当前瓦片请求尺寸

切片 WMS 要求服务端支持相同切片网格;服务端若忽略 TILED,返回的整图会被错误拼贴,需确认其切片缓存配置。