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

最新推荐文章于 2025-03-18 10:31:12 发布

转载最新推荐文章于 2025-03-18 10:31:12 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/naaoveGIS/p/4176198.html

文章标签：

#GeoServer #SLD #样式

GeoServer 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用SLD（ Styled Layer Descriptor）在GeoServer中为地图图层创建自定义样式，包括颜色填充、图片填充、注记显示、属性渲染和分级渲染等，通过示例详细解析了SLD文件的结构和参数设置，帮助读者理解并实现地图图层的个性化视觉效果。

文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处：李晓晖 - 博客园。

1 背景

我们在ArcMap中可以直接通过symbol功能对图层进行定制化配图。但是，如果我们将配好图的shp图层在GeoServer中发布时，会发现图层样式完全丢失了。其实原因很简单，用ArcMap配好的图层，其样式文件并不是保存在shp中，而是保存在mxd或者msd中。

那么如何才能让GeoServer发布的图层也能达到定制化配图的效果呢？

2 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文档的元素架构如下：

一个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">	字体大小

3 以polygon图层为例，详细讲解

3.1基本颜色填充

3.1.1 结构

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

3.1.2示例

带有边界透明的多边形

SLD：

<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>

效果：

3.2图片填充

3.2.1结构

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

3.2.2示例

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

SLD：

<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>

效果：

3.3注记显示

3.2.1结构

…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"	填充颜色

3.2.2示例

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

SLD:

<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>

效果：

3.4 分属性渲染

3.4.1结构

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

3.4.2示例

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

SLD：

<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>

效果：

在SLD中还根据3.3的注记写法，增加了注记的显示。

3.5分级渲染

3.5.1结构

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