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

WMS 单图像图层

地图每次范围变化只请求一张覆盖当前视野的影像,叠加在 OSM 底图上。

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

说明

ol.source.ImageWMS 根据视图范围、分辨率与 ratio 生成 GetMap 请求,返回一张完整的图片。ol.layer.Image 的 extent 限制影像范围。示例用 imageLoadFunction 在页面内按 BBOX、WIDTH、HEIGHT 画出合成影像,代替外部 WMS 服务。

操作结果
缩放或拖动地图按新范围重新请求一张影像,图像边缘与视野对齐
查看顶部显示当前请求的 LAYERS 参数
对比瓦片 WMS整图请求数量少,但每次范围变化都要重传

ratio 控制请求图片尺寸相对视口的倍数;适当放大可减少拖动时的重绘,但会增加传输量。