openlayer加载geoserver发布的wms服务

openlayer的TileWMS加载wms服务

rt

1.引入瓦片图层和瓦片wms服务源
import TileLayer from ‘ol/layer/Tile.js’;
import TileWMS from ‘ol/source/TileWMS.js’;
2.创建瓦片源
url后面可以跟sql_filter进行条件过滤
const wmsSource = new TileWMS({
url:"http://xxxx/layer/xxx/wms?CQL_FILTER= 过滤语句（sql）
params: {‘LAYERS’: ‘服务图层名字’,
‘TILED’: true,
‘VERSION’: ‘1.1.1’,
}});
2.创建图层
将上面的源添加到图层里，如果项目里图层过多的话可以设置zindex，
const wmsLayer = new TileLayer({
source: wmsSource,
zIndex: 999
});
3. 将图层添加到map
map.addLayer(wmsLayer)