首页 / OpenLayers / 使用示例
切片 WMS
与整图 WMS 相比,切片 WMS 每次只请求与瓦片对齐的小块,缩放和平移更平滑。
源码与运行效果
说明
ol.source.TileWMS 在参数里加 TILED: true,服务端按瓦片范围返回图片,客户端按瓦片缓存。示例用 WebGLTile 承载瓦片源,两侧颜色不同以确认瓦片拼接;transition: 0 避免透明边界在切换时闪烁。页面内的 tileLoadFunction 按 BBOX、WIDTH、HEIGHT 合成影像。
| 操作 | 结果 |
|---|---|
| 拖动地图 | 只请求新进入视野的瓦片,已经加载的瓦片复用 |
| 缩放一级 | 瓦片按 2 的幂切换,边缘不出现半张图 |
| 查看顶部 | 显示 TILED 参数与当前瓦片请求尺寸 |
切片 WMS 要求服务端支持相同切片网格;服务端若忽略 TILED,返回的整图会被错误拼贴,需确认其切片缓存配置。