求助：调用WMS图层时通过sld_body参数应用自定义SLD未生效

问题排查与修复步骤 #

1. 图层名称不匹配 #

你的SLD中<NamedLayer>的<Name>值是SLISG:zone_boundary，但WMS配置里的name参数设为了"Circle"，两者必须完全一致——WMS服务器会根据name指定的图层匹配SLD规则，名称不对应会导致样式无法应用。
修改wmsLayerOptions中的name：

name: "SLISG:zone_boundary",

2. SLD字符串转义错误 #

你在模板字符串里使用了<、"这类HTML转义字符，但模板字符串可以直接写入原始XML标签，转义后的内容会被服务器识别为普通文本，无法解析为有效SLD。
修正后的SLD字符串（添加XML声明保证格式完整）：

const sld = `<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" 
    xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd" 
    xmlns="http://www.opengis.net/sld" 
    xmlns:ogc="http://www.opengis.net/ogc" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <NamedLayer>
        <Name>SLISG:zone_boundary</Name>
        <UserStyle>
            <Title>SLISG:zone_boundary</Title>
            <FeatureTypeStyle>
                <Rule>
                    <PolygonSymbolizer>
                        <Stroke>
                            <CssParameter name="stroke">#FF0000</CssParameter>
                            <CssParameter name="stroke-width">2</CssParameter>
                        </Stroke>
                    </PolygonSymbolizer>
                </Rule>
            </FeatureTypeStyle>
        </UserStyle>
    </NamedLayer>
</StyledLayerDescriptor>`;

3. 手动URL编码SLD字符串 #

Leaflet的tileLayer.wms可能不会自动编码sld_body中的特殊字符，导致服务器无法正确解析。需要手动对SLD字符串进行URL编码：

const encodedSLD = encodeURIComponent(sld);
// 在配置中使用编码后的字符串
sld_body: encodedSLD

4. 验证服务器支持sld_body参数 #

部分WMS服务器仅支持通过sld参数指向SLD文件URL，而非直接接收sld_body。可以查看WMS的GetCapabilities文档，确认服务器是否支持SLD_BODY请求参数。

5. 确认styles参数设置 #

确保styles参数设为空字符串，这样服务器才会优先使用你提供的SLD样式，而非默认样式。你的代码中styles: ''的设置是正确的。

修正后的完整代码示例 #

const sld = `<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" 
    xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd" 
    xmlns="http://www.opengis.net/sld" 
    xmlns:ogc="http://www.opengis.net/ogc" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <NamedLayer>
        <Name>SLISG:zone_boundary</Name>
        <UserStyle>
            <Title>SLISG:zone_boundary</Title>
            <FeatureTypeStyle>
                <Rule>
                    <PolygonSymbolizer>
                        <Stroke>
                            <CssParameter name="stroke">#FF0000</CssParameter>
                            <CssParameter name="stroke-width">2</CssParameter>
                        </Stroke>
                    </PolygonSymbolizer>
                </Rule>
            </FeatureTypeStyle>
        </UserStyle>
    </NamedLayer>
</StyledLayerDescriptor>`;

const encodedSLD = encodeURIComponent(sld);

const wmsLayerOptions = {
  format: 'image/png',
  name: "SLISG:zone_boundary",
  pane: "group3",
  minZoom: 10, // 建议使用数字类型而非字符串
  group: "Cadastral",
  showOnSelector: true,
  visible: true,
  maxZoom: 22, // 建议使用数字类型而非字符串
  lname: "Circle_Cadastral",
  transparent: true,
  styles: '',
  sld_body: encodedSLD
};      
wmslayer = new (L as any).tileLayer.wms(layer.url, wmsLayerOptions);
mapObj.addLayer(wmslayer);

内容的提问来源于stack exchange，提问作者Nandini Konduri Yoga