GeoServer中利用SLD配图之矢量图层配图

冰雪为融

已于 2022-07-29 09:28:38 修改

阅读量997

点赞数

分类专栏： sld 文章标签：前端 gis sld

于 2022-07-29 09:24:47 首次发布

原文链接：https://www.bbsmax.com/A/MyJx2qAdnL/

版权

sld 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

SLD简介

SLD是风格化图层描述器（Styled Layer Descriptor）的简称，是2005年OGC提出的一个标准，这个标准在一定条件下允许WMS服务器对地图可视化的表现形式进行扩展。在没有SLD之前，只能使用一些已经在服务器上规定好的样式来对地图进行可视化。而当使用了实现了SLD标准之后，它允许我们从客户端来对地图进行定义自己的样式，分级显示等操作，极大的扩展了地图可视化的灵活性。

该SLD-规范是采用XML定义地图显示样式，通过自定义SLD来配置地图图层渲染的可视化风格，可以设置过滤器，自定义图例等。rule是SLD最重要的一个元素，因为她允许根据给定的某个参数（使用过滤器）对数据集进行分类，所有的与分类有关的重要参数都必须在rule元素中设置。

对于使用SLD来进行地图的自定义样式，则必须结合使用SE（Symbology Encoding）这个标准。SE是OGC的另一个标准，这个也是基于XML模式定义的，这个标准允许我们自定义不同的符号样式来表达地图上不同的要素。SLD文件使用这种语言，这样在地图渲染时地图服务可以解释由用户定义的样式。

一个SLD样式文档一般包含一个部分，而最重要的如下：

FeatureTypeStyle：这一部分是整个样式文档的根节点，并说明什么是它的样式将被应用的特征类型。FeatureTypeStyle包含一个或者多个Rule元素，Rule元素允许有条件的映射。

RULE（规则）：规则是根据属性条件和地图比例尺来对要素进行分组渲染，一般RULE中只允许渲染一种类型的要素，即点，线，面等其中的一种，但是可以和注记同时使用。

Symbolizer（符号）：Symbolizer指定数据应该如何可视化，在1.0的标准中包含五忠类型的Symbolizer，分别是PointSymbolizer（点符号）、LineSymbolizer(线符号)、PloygonSymbolizer(面符号)、TextSymbolizer(注记)、RasterSymbolizer(栅格)。

通过SLD可以设置的不仅仅是简单的颜色和厚度。点可以设置成常用的形状，如圆形，方形，星形，甚至可以是自定义的图片图形或文字来指定；线可以渲染成虚线或者点虚线等，多边形可以填充自定义的平铺图像，样式可以基于数据的属性给定，以至于要素能够

常用参数说明：

符号	含义
<Name>	样式名称
<FeatureTypeStyle>	要素样式
<Rule>	规则
<ogc:Filter>	过滤器
<ogc:PropertyIsBetween>	用来定义在两个属性值之间的过滤器
<ogc:PropertyIsLessThan>	用来定义在小于某个属性值的过滤器
<ogc:PropertyIsGreaterThan>	用来定义在大于某个属性值的过滤器
<ogc:PropertyName>	属性字段名
<ogc:Literal>	属性值
<PointSymbolizer>	点标记器
<LineSymbolizer>	线标记器
<PolygonSymbolizer>	面标记器
<CssParameter name="fill">	填充颜色
<CssParameter name="font-family">	字体
<CssParameter name="font-style">	字体样式
<CssParameter name="font-size">	字体大小

以polygon图层为例，详细讲解

基本颜色填充


…PolygonSymbolizer

……Fill  填充
………CssParameter  name="fill" 颜色
………CssParameter  name="fill-opacity" 透明度
……Stroke 边界
………CssParameter  name="stroke" 颜色
………CssParameter  name="stroke-width" 宽度

示例:带有边界透明的多边形

<FeatureTypeStyle>
    <Rule>
        <PolygonSymbolizer>
        <Fill>
         <CssParameter   name="fill">#AAAAAA</CssParameter>
         <CssParameter   name="fill-opacity">0.5</CssParameter>
       </Fill>
       <Stroke>
        <CssParameter   name="stroke">#000000</CssParameter>
        <CssParameter   name="stroke-width">1</CssParameter>
      </Stroke>
     </PolygonSymbolizer>
    </Rule>
 </FeatureTypeStyle>

图片填充

…PolygonSymbolizer

……Fill
………GraphicFill
…………Graphic
……………ExternalGraphic
………………OnlineResource 图片来源
………………Format 图片格式
……………Size 大小

示例:带有使用图片填充的多边形

<FeatureTypeStyle>
    <Rule>
       <PolygonSymbolizer>

            <Fill>

              <GraphicFill>

                <Graphic>

                    <ExternalGraphic>

                     <OnlineResource xlink:type="simple"   xlink:href="20101.gif" />

                   <Format>image/gif</Format>

                    </ExternalGraphic>

                    <Size>20</Size>

                </Graphic>

              </GraphicFill>

            </Fill>

            <Stroke>

              <CssParameter   name="stroke">#000000</CssParameter>

              <CssParameter   name="stroke-width">1</CssParameter>

            </Stroke>

        </PolygonSymbolizer>

  </Rule>
</FeatureTypeStyle>

注记显示

…TextSymbolizer


……Label
………ogc:PropertyName 注记的属性字段名称
……Font 字体
………CssParameter  name="font-family" 字体类型
………CssParameter  name="font-size" 字体大小
………CssParameter  name="font-style" 字体样式
………CssParameter  name="font-weight" 字体加粗
……LabelPlacement 注记的位置
………PointPlacement 注记点位置
…………AnchorPoint
……………AnchorPointX
……………AnchorPointY
…………Displacement
……………Displacement X
……………Displacement Y
…………Rotation 设置旋转角度
……Fill 填充
………CssParameter  name="fill" 填充颜色

示例:带有注记的填充色透明的多边形


<TextSymbolizer>
         <Label>
             <ogc:PropertyName>COMNAME</ogc:PropertyName>
         </Label>
         <Font>
             <CssParameter name="font-family">微软雅黑</CssParameter>
             <CssParameter name="font-size">15</CssParameter>
             <CssParameter name="font-style">normal</CssParameter>
             <CssParameter name="font-weight">bold</CssParameter>
         </Font>
         <LabelPlacement>
             <PointPlacement>
                  <AnchorPoint>
               <AnchorPointX>0.5</AnchorPointX>
               <AnchorPointY>0.5</AnchorPointY>
               </AnchorPoint>
             </PointPlacement>
         </LabelPlacement>
         <Fill>
             <CssParameter name="fill">#FF5226</CssParameter>
         </Fill>
         <VendorOption name="followLine">true</VendorOption>
    </TextSymbolizer>

分属性渲染

…PolygonSymbolizer


……Rule
………Filter
………PolygonSymbolizer
………TextSymbolizer

示例:根据属性字段值范围用不同颜色渲染。

<FeatureTypeStyle>

 <Rule>

 <Name>SmallCOMM</Name>

 <Title>Less Than 510104024008</Title>

 <ogc:Filter>

     <ogc:PropertyIsLessThan>

     <ogc:PropertyName>COMID</ogc:PropertyName>

     <ogc:Literal>510104024008</ogc:Literal>

     </ogc:PropertyIsLessThan>

 </ogc:Filter>

<PolygonSymbolizer>

  <Fill>

     <CssParameter   name="fill">#66FF66</CssParameter>

  </Fill>

 </PolygonSymbolizer>

</Rule>

<Rule>

    <Name>MediumCOMM</Name>

    <Title>510104024008 to 510104024011</Title>

    <ogc:Filter>

        <ogc:And>

            <ogc:PropertyIsGreaterThanOrEqualTo>

            <ogc:PropertyName>COMID</ogc:PropertyName>

            <ogc:Literal>510104024008</ogc:Literal>

            </ogc:PropertyIsGreaterThanOrEqualTo>

            <ogc:PropertyIsLessThan>

            <ogc:PropertyName>COMID</ogc:PropertyName>

            <ogc:Literal>510104024011</ogc:Literal>

            </ogc:PropertyIsLessThan>

      </ogc:And>

    </ogc:Filter>

    <PolygonSymbolizer>

        <Fill>

            <CssParameter name="fill">#33CC33</CssParameter>

        </Fill>

    </PolygonSymbolizer>

</Rule>

<Rule>

    <Name>LargeCOMM</Name>

    <Title>Greater Than 510104024011</Title>

    <ogc:Filter>

        <ogc:PropertyIsGreaterThan>

        <ogc:PropertyName>COMID</ogc:PropertyName>

        <ogc:Literal>510104024011</ogc:Literal>

        </ogc:PropertyIsGreaterThan>

    </ogc:Filter>

    <PolygonSymbolizer>

    <Fill>

        <CssParameter name="fill">#009900</CssParameter>

    </Fill>

    </PolygonSymbolizer>

</Rule>

</FeatureTypeStyle>

分级渲染

…PolygonSymbolizer

……Rule
………MinScaleDenominator
………MaxScaleDenominator
………PolygonSymbolizer
………TextSymbolizer

示例:通过设置不同比例尺时的显示颜色，展示不同的效果。

<FeatureTypeStyle>

    <Rule>

        <Name>Large</Name>

        <MaxScaleDenominator>5746</MaxScaleDenominator>

    <PolygonSymbolizer>

    <Fill>

        <CssParameter name="fill">#CCCCCC</CssParameter>

    </Fill>

    <Stroke>

        <CssParameter name="stroke">#000000</CssParameter>

        <CssParameter name="stroke-width">7</CssParameter>

    </Stroke>

    </PolygonSymbolizer>

    </Rule>

    <Rule>

        <Name>Medium</Name>

        <MinScaleDenominator>5746</MinScaleDenominator>

        <MaxScaleDenominator>12000</MaxScaleDenominator>

    <PolygonSymbolizer>

        <Fill>

            <CssParameter name="fill">#0000CC</CssParameter>

        </Fill>

        <Stroke>

            <CssParameter name="stroke">#000000</CssParameter>

            <CssParameter name="stroke-width">4</CssParameter>

        </Stroke>

    </PolygonSymbolizer>
    
    </Rule>

    <Rule>

        <Name>Small</Name>

        <MinScaleDenominator>12000</MinScaleDenominator>

        <PolygonSymbolizer>

        <Fill>

            <CssParameter name="fill">#0000CC</CssParameter>

        </Fill>

        <Stroke>

            <CssParameter name="stroke">#000000</CssParameter>

            <CssParameter name="stroke-width">1</CssParameter>

        </Stroke>

    </PolygonSymbolizer>

    </Rule>

</FeatureTypeStyle>

4 注意

4.1 注记渲染时某些注记未显示

初始时，某个要素的注记无法显示：

放大后其又可以出现：

出现这种情况，往往是因为注记显示的地方在另外一个要素下面。

解决方法比较简单，利用LabelPalcement元素调整注记显示的地方便可解决。例如：

<LabelPlacement>
         <PointPlacement>
           <AnchorPoint>
               <AnchorPointX>0.5</AnchorPointX>
               <AnchorPointY>0.5</AnchorPointY>
           </AnchorPoint>
         </PointPlacement>
       </LabelPlacement>

中文出现乱码

出现这样的情况，一般是SLD中未进行正确的格式编码赋值。

首先将编码改成GB2312。例如：

<?xml version="1.0" encoding="GB2312"?>

如果发现还是乱码，则很有可能是目前字体不支持中文。

例如当字体是Arial时，不支持中文：

<CssParameter name="font-family">Arial</CssParameter>

将字体改成微软雅黑，则注记不再重现乱码：

<CssParameter name="font-family">微软雅黑</CssParameter>

还有一种不支持编码格式：让运维配置支持 utf-8或者GBK编码即可

如果是geoserver 发布的矢量数据，添加数据存储的时候，记得选择对应的字符集