Geoserver中调整polygon图层的填充颜色透明度

Dear 丶 2023-10-01 19:54 20阅读 0赞

## 场景 ##

GeoServer怎样修改线性地图的颜色样式：

[GeoServer怎样修改线性地图的颜色样式\_BADAO\_LIUMANG\_QIZHI的博客-CSDN博客][GeoServer_BADAO_LIUMANG_QIZHI_-CSDN]

上面讲了怎么修改线性地图的颜色样式，如果是修改polygon的填充颜色与

填充颜色透明度怎么修改。

注：

博客：  
[BADAO\_LIUMANG\_QIZHI的博客\_霸道流氓气质\_CSDN博客-C\#,架构之路,SpringBoot领域博主][BADAO_LIUMANG_QIZHI_CSDN_-C_SpringBoot]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

1、以下为一个style的示例

<?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="XLink namespace"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
      
      <NamedLayer>
        <Name>default_polygon</Name>
        <UserStyle>
        
          <Title>Default Polygon</Title>
          <Abstract>A sample style that draws a polygon</Abstract>
          
          
          <FeatureTypeStyle>
            <Rule>
              <Name>rule1</Name>
              <Title>Gray Polygon with Black Outline</Title>
              <Abstract>A polygon with a gray fill and a 1 pixel black outline</Abstract>
              <PolygonSymbolizer>
                <Fill>
                  <CssParameter name="fill">#AAAAAA</CssParameter>
         <CssParameter name="fill-opacity">0.3</CssParameter>
                </Fill>
                <Stroke>
                  <CssParameter name="stroke">#CCCCCC</CssParameter>
                  <CssParameter name="stroke-width">1</CssParameter>
                </Stroke>
              </PolygonSymbolizer>
            </Rule>
          </FeatureTypeStyle>
        </UserStyle>
      </NamedLayer>
    </StyledLayerDescriptor>

2、其中设置填充的颜色和填充颜色的透明度

<Fill>
                  <CssParameter name="fill">#AAAAAA</CssParameter>
                  <CssParameter name="fill-opacity">0.3</CssParameter>
                </Fill>

3、设置边界颜色与宽度

<Stroke>
                  <CssParameter name="stroke">#CCCCCC</CssParameter>
                  <CssParameter name="stroke-width">1</CssParameter>
                </Stroke>

4、设置透明度之前

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_18_color_FFFFFF_t_70_g_se_x_16][]

5、设置透明度之后

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_18_color_FFFFFF_t_70_g_se_x_16 1][]

[GeoServer_BADAO_LIUMANG_QIZHI_-CSDN]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/109636664
[BADAO_LIUMANG_QIZHI_CSDN_-C_SpringBoot]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/8ec2b51ad1494a85998350eddb7fe0f1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo,size_18,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_18_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/a2286709d69845e9bb62143b8080672f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo,size_18,color_FFFFFF,t_70,g_se,x_16