Geoserver设置style

梦里梦外; 2024-04-20 09:44 83阅读 0赞

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

![210933319527289.png][]

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

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

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

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

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

被渲染成不同的风格。

**常用参数说明：**

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

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

## 3.1基本颜色填充 ##

### 3.1.1 结构 ###

<table> 
 <tbody> 
 <tr> 
 <td> …PolygonSymbolizer </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ……Fill </td> 
 <td> 填充 </td> 
 </tr> 
 <tr> 
 <td> ………CssParameter&nbsp; name="fill" </td> 
 <td> 颜色 </td> 
 </tr> 
 <tr> 
 <td> ………CssParameter &nbsp;name="fill-opacity" </td> 
 <td> 透明度 </td> 
 </tr> 
 <tr> 
 <td> ……Stroke </td> 
 <td> 边界 </td> 
 </tr> 
 <tr> 
 <td> ………CssParameter&nbsp; name="stroke" </td> 
 <td> 颜色 </td> 
 </tr> 
 <tr> 
 <td> ………CssParameter &nbsp;name="stroke-width" </td> 
 <td> 宽度 </td> 
 </tr> 
 </tbody> 
</table>

### 3.1.2示例 ###

带有边界透明的多边形

SLD：

<table> 
 <tbody> 
 <tr> 
 <td> &lt;FeatureTypeStyle&gt; &nbsp; &nbsp;&nbsp;&lt;Rule&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;PolygonSymbolizer&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Fill&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;CssParameter &nbsp; name="fill"&gt;#AAAAAA&lt;/CssParameter&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;CssParameter &nbsp; name="fill-opacity"&gt;0.5&lt;/CssParameter&gt; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/Fill&gt; &nbsp; &nbsp; &nbsp; &nbsp;&lt;Stroke&gt; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&lt;CssParameter &nbsp; name="stroke"&gt;#000000&lt;/CssParameter&gt; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&lt;CssParameter &nbsp; name="stroke-width"&gt;1&lt;/CssParameter&gt; &nbsp; &nbsp; &nbsp;&nbsp;&lt;/Stroke&gt; &nbsp; &nbsp;&nbsp; &lt;/PolygonSymbolizer&gt; &nbsp; &nbsp;&nbsp;&lt;/Rule&gt; &nbsp; &nbsp;&lt;/FeatureTypeStyle&gt; </td> 
 </tr> 
 </tbody> 
</table>

效果：

![210933474379391.png][]

## 3.2图片填充 ##

### 3.2.1结构 ###

<table> 
 <tbody> 
 <tr> 
 <td> …PolygonSymbolizer </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ……Fill </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………GraphicFill </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> …………Graphic </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ……………ExternalGraphic </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………………OnlineResource </td> 
 <td> 图片来源 </td> 
 </tr> 
 <tr> 
 <td> ………………Format </td> 
 <td> 图片格式 </td> 
 </tr> 
 <tr> 
 <td> ……………Size </td> 
 <td> 大小 </td> 
 </tr> 
 </tbody> 
</table>

### 3.2.2示例 ###

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

SLD：

<table> 
 <tbody> 
 <tr> 
 <td> &lt;FeatureTypeStyle&gt; &nbsp; &nbsp;&nbsp;&lt;Rule&gt; &nbsp; &nbsp; &nbsp; &nbsp;&lt;PolygonSymbolizer&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Fill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;GraphicFill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Graphic&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;ExternalGraphic&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;OnlineResource xlink:type="simple" &nbsp; xlink:href="20101.gif" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Format&gt;image/gif&lt;/Format&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/ExternalGraphic&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;Size&gt;20&lt;/Size&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/Graphic&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/GraphicFill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/Fill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Stroke&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;CssParameter &nbsp; name="stroke"&gt;#000000&lt;/CssParameter&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;CssParameter &nbsp; name="stroke-width"&gt;1&lt;/CssParameter&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/Stroke&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/PolygonSymbolizer&gt; &nbsp;&nbsp;&lt;/Rule&gt; &nbsp; &nbsp;&lt;/FeatureTypeStyle&gt; </td> 
 </tr> 
 </tbody> 
</table>

效果：

![210934046556165.png][]

## 3.3注记显示 ##

### 3.2.1结构 ###

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

### 3.2.2示例 ###

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

SLD:

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

** **

效果：

![210934180156883.png][]

## 3.4 分属性渲染 ##

### 3.4.1结构 ###

### 3.4.2示例 ###

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

SLD：

<table> 
 <tbody> 
 <tr> 
 <td> &lt;FeatureTypeStyle&gt; &lt;Rule&gt; &lt;Name&gt;SmallCOMM&lt;/Name&gt; &lt;Title&gt;Less Than 510104024008&lt;/Title&gt; &lt;ogc:Filter&gt; &lt;ogc:PropertyIsLessThan&gt; &lt;ogc:PropertyName&gt;COMID&lt;/ogc:PropertyName&gt; &lt;ogc:Literal&gt;510104024008&lt;/ogc:Literal&gt; &lt;/ogc:PropertyIsLessThan&gt; &lt;/ogc:Filter&gt; &lt;PolygonSymbolizer&gt; &nbsp; &lt;Fill&gt; &nbsp;&lt;CssParameter &nbsp; name="fill"&gt;#66FF66&lt;/CssParameter&gt; &nbsp;&lt;/Fill&gt; &nbsp;&lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;Rule&gt; &lt;Name&gt;MediumCOMM&lt;/Name&gt; &lt;Title&gt;510104024008 to 510104024011&lt;/Title&gt; &lt;ogc:Filter&gt; &lt;ogc:And&gt; &lt;ogc:PropertyIsGreaterThanOrEqualTo&gt; &lt;ogc:PropertyName&gt;COMID&lt;/ogc:PropertyName&gt; &lt;ogc:Literal&gt;510104024008&lt;/ogc:Literal&gt; &lt;/ogc:PropertyIsGreaterThanOrEqualTo&gt; &lt;ogc:PropertyIsLessThan&gt; &lt;ogc:PropertyName&gt;COMID&lt;/ogc:PropertyName&gt; &lt;ogc:Literal&gt;510104024011&lt;/ogc:Literal&gt; &lt;/ogc:PropertyIsLessThan&gt; &lt;/ogc:And&gt; &lt;/ogc:Filter&gt; &lt;PolygonSymbolizer&gt; &lt;Fill&gt; &lt;CssParameter name="fill"&gt;#33CC33&lt;/CssParameter&gt; &lt;/Fill&gt; &lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;Rule&gt; &lt;Name&gt;LargeCOMM&lt;/Name&gt; &lt;Title&gt;Greater Than 510104024011&lt;/Title&gt; &lt;ogc:Filter&gt; &lt;ogc:PropertyIsGreaterThan&gt; &lt;ogc:PropertyName&gt;COMID&lt;/ogc:PropertyName&gt; &lt;ogc:Literal&gt;510104024011&lt;/ogc:Literal&gt; &lt;/ogc:PropertyIsGreaterThan&gt; &lt;/ogc:Filter&gt; &lt;PolygonSymbolizer&gt; &lt;Fill&gt; &lt;CssParameter name="fill"&gt;#009900&lt;/CssParameter&gt; &lt;/Fill&gt; &lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;/FeatureTypeStyle&gt; </td> 
 </tr> 
 </tbody> 
</table>

效果：

![211246408907769.png][]

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

## 3.5分级渲染 ##

### 3.5.1结构 ###

<table> 
 <tbody> 
 <tr> 
 <td> …PolygonSymbolizer </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ……Rule </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………MinScaleDenominator </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………MaxScaleDenominator </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………PolygonSymbolizer </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> ………TextSymbolizer </td> 
 <td> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

### 3.5.2示例 ###

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

SLD：

<table> 
 <tbody> 
 <tr> 
 <td> &lt;FeatureTypeStyle&gt; &lt;Rule&gt; &lt;Name&gt;Large&lt;/Name&gt; &lt;MaxScaleDenominator&gt;5746&lt;/MaxScaleDenominator&gt; &lt;PolygonSymbolizer&gt; &lt;Fill&gt; &lt;CssParameter name="fill"&gt;#CCCCCC&lt;/CssParameter&gt; &lt;/Fill&gt; &lt;Stroke&gt; &lt;CssParameter name="stroke"&gt;#000000&lt;/CssParameter&gt; &lt;CssParameter name="stroke-width"&gt;7&lt;/CssParameter&gt; &lt;/Stroke&gt; &lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;Rule&gt; &lt;Name&gt;Medium&lt;/Name&gt; &lt;MinScaleDenominator&gt;5746&lt;/MinScaleDenominator&gt; &lt;MaxScaleDenominator&gt;12000&lt;/MaxScaleDenominator&gt; &lt;PolygonSymbolizer&gt; &lt;Fill&gt; &lt;CssParameter name="fill"&gt;#0000CC&lt;/CssParameter&gt; &lt;/Fill&gt; &lt;Stroke&gt; &lt;CssParameter name="stroke"&gt;#000000&lt;/CssParameter&gt; &lt;CssParameter name="stroke-width"&gt;4&lt;/CssParameter&gt; &lt;/Stroke&gt; &lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;Rule&gt; &lt;Name&gt;Small&lt;/Name&gt; &lt;MinScaleDenominator&gt;12000&lt;/MinScaleDenominator&gt; &lt;PolygonSymbolizer&gt; &lt;Fill&gt; &lt;CssParameter name="fill"&gt;#0000CC&lt;/CssParameter&gt; &lt;/Fill&gt; &lt;Stroke&gt; &lt;CssParameter name="stroke"&gt;#000000&lt;/CssParameter&gt; &lt;CssParameter name="stroke-width"&gt;1&lt;/CssParameter&gt; &lt;/Stroke&gt; &lt;/PolygonSymbolizer&gt; &lt;/Rule&gt; &lt;/FeatureTypeStyle&gt; </td> 
 </tr> 
 </tbody> 
</table>

效果图：

![211246531405160.png][]

![211247015777183.png][]

# 4 注意 #

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

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

![210934293125432.png][]

放大后其又可以出现：

![210934380464196.png][]

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

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

<table> 
 <tbody> 
 <tr> 
 <td> &nbsp;&lt;LabelPlacement&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;PointPlacement&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;AnchorPoint&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;AnchorPointX&gt;0.5&lt;/AnchorPointX&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;AnchorPointY&gt;0.5&lt;/AnchorPointY&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/AnchorPoint&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/PointPlacement&gt; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/LabelPlacement&gt; </td> 
 </tr> 
 </tbody> 
</table>

## 4.2 中文出现乱码 ##

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

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

<table> 
 <tbody> 
 <tr> 
 <td> &lt;?xml version="1.0" encoding="GB2312"?&gt; </td> 
 </tr> 
 </tbody> 
</table>

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

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

<table> 
 <tbody> 
 <tr> 
 <td> &lt;CssParameter name="font-family"&gt;Arial&lt;/CssParameter&gt; </td> 
 </tr> 
 </tbody> 
</table>

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

<table> 
 <tbody> 
 <tr> 
 <td> &lt;CssParameter name="font-family"&gt;微软雅黑&lt;/CssParameter&gt; </td> 
 </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/yangzhengier/p/11459181.html

[210933319527289.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/3a139869276546e4b65aa11d4a64e002.png
[210933474379391.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/fd6cd779e3034dc3968e5b8ff1651082.png
[210934046556165.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/8999750f98e543f2b407491fea17d585.png
[210934180156883.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/e507ff092ae6431b9df7b79e7a71ee60.png
[211246408907769.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/7a83f476ccdd4007a1fd6b3a0dd33eaf.png
[211246531405160.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/5bdbb4070f944286a4d12c24afabb304.png
[211247015777183.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/93c06d9d83e945428a17f4b554af3596.png
[210934293125432.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/ac2b410acada411fbb9b83c2b08b8789.png
[210934380464196.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/31fd296fe3a246df8778e1f980ed0b52.png
[210934539218712.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/0f63989035a84cc087a9277f8297cef2.png