如何在OpenLayers中动态指定Geoserver WMS图层的SLD渲染样式

完全可以，OGC WMS协议本身就支持通过STYLES参数指定渲染样式，你只需要在现有配置基础上调整params项即可。

1. 静态指定默认渲染样式 #

直接在ol.source.ImageWMS的params配置中新增STYLES字段，参数值为你在GeoServer中定义的样式名称（如果样式归属特定工作空间需要带上工作空间前缀，格式为工作空间:样式名）。
修改后的代码示例：

overlays = new ol.layer.Group({
    'title': 'Couches',
    layers: [
            new ol.layer.Image({
            title: 'refer_22',
            source: new ol.source.ImageWMS({
                url: 'http://localhost:8080/geoserver/wms',
                params: {
                    'LAYERS': 'topp:refer_22',
                    'STYLES': 'style_1' // 这里替换为你要使用的样式名，如style_2、style_3等
                },
                ratio: 1,
                serverType: 'geoserver'})
            })
    ]
});

map.addLayer(overlays);

2. 动态切换样式 #

如果需要在页面交互中切换图层样式，可以调用WMS数据源的updateParams方法动态更新STYLES参数即可，示例如下：

// 假设你要切换为style_3样式
const wmsSource = overlays.getLayers().item(0).getSource();
wmsSource.updateParams({
    'STYLES': 'style_3'
});

注意事项 #

• 传入的样式名称需要和GeoServer中配置的样式名称完全一致，大小写敏感
• 如果样式未设置为全局公共样式，需要加上所属工作空间前缀，例如topp:style_1

内容的提问来源于stack exchange，提问作者obito M