geoserver样式（SLD方式）—— 标注位置调整 AnchorPoint与Displacement区别

在配置多边形标注样式的时候，无可避免的会对标注的位置进行微调，我们一般会用到下面这组样式标注：

<LabelPlacement>           <PointPlacement><AnchorPoint><AnchorPointX>0</AnchorPointX><AnchorPointY>0</AnchorPointY></AnchorPoint><Displacement><DisplacementX>0</DisplacementX><DisplacementY>0</DisplacementY></Displacement></PointPlacement>
</LabelPlacement>

那么我们如何调整这4个参数来调整标注位置呢？

首先，我们将这4个参数均设置为0，标注位置如图所示：

由于我配置的是让标注固定到多边形的质心位置，可见标注的左下角是在质心位置的；因此，如果4个参数均不设置的话，标注的左下角会在默认位置。
通过尝试修改AnchorPointX和AnchorPointY的值会发现，它俩的值指的是标注相对自身偏移的倍数，比如将AnchorPointX和AnchorPointY均设置为0.5，即标注xy轴均偏移自身一半，神奇的事情发生了，标注的正中心就会移动到多边形的质心上，如下图所示：

由此可见AnchorPoint配置代表标注相对自身的长宽位移的倍数

通过尝试修改DisplacementX和DisplacementY的值会发现，它俩的值指的是标注在x轴和y轴位移的px值，这个就比较好理解了，如果让标注往右和上各移动1px，设置DisplacementX和DisplacementY均设置为1即可
由此可见Displacement配置代表标注偏移的xy轴px值

以上为自己摸索得出的结论，没有找到官方的解释，不知是否正确，有问题欢迎大家指正

为了将标注的中心放在多边形的质心位置，完整的样式代码如下：

<?xml version="1.0" encoding="ISO-8859-1"?>
<StyledLayerDescriptor version="1.0.0"xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/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>provincePlolygon</Name><UserStyle><Title>A yellow polygon style</Title><FeatureTypeStyle><Rule><Title>yellow polygon</Title><PolygonSymbolizer><Fill><CssParameter name="fill">#1f2f47</CssParameter></Fill><Stroke><CssParameter name="stroke">#038bc0</CssParameter><CssParameter name="stroke-width">0.5</CssParameter></Stroke></PolygonSymbolizer><TextSymbolizer><Geometry><ogc:Function name="centroid"><ogc:PropertyName>the_geom</ogc:PropertyName><!-- 多边形图形属性的字段名 --></ogc:Function></Geometry><Label>                          <ogc:PropertyName>NAME</ogc:PropertyName><!-- 显示的标注字段名 --></Label><Font><CssParameter name="font-family">微软雅黑</CssParameter><CssParameter name="font-weight">Bold</CssParameter><CssParameter name="font-size">11</CssParameter></Font><Fill><CssParameter name="fill">#f4e925</CssParameter><!-- 标注字体颜色 --></Fill><LabelPlacement>            <PointPlacement><AnchorPoint><AnchorPointX>0.5</AnchorPointX><AnchorPointY>0.5</AnchorPointY></AnchorPoint><Displacement><DisplacementX>0</DisplacementX><DisplacementY>0</DisplacementY></Displacement></PointPlacement></LabelPlacement>           </TextSymbolizer></Rule></FeatureTypeStyle></UserStyle></NamedLayer>
</StyledLayerDescriptor>

geoserver样式（SLD方式）—— 标注位置调整 AnchorPoint与Displacement区别相关推荐

udig生成geoserver样式sld文件
udig生成geoserver样式sld文件通过shapefile文件修改图层样式,导出成SLD样式文件借鉴:https://blog.csdn.net/liyuanxiang1984/artic ...
GeoServer样式(style)设置
GeoServer样式style设置 GeoServer Style定义 CSS Style CSS Style安装 CSS Style定义应用自定义样式利用其它软件配图并将Style导入GeoS ...
css样式引入方式，及常用设置标签样式
一. 三种样式引入方式 1. 内联式-直接写在div标签中,不推荐用 <div style="color:red;font-size:20px;font-family:'Microso ...
HTML三种引入样式的方式
HTML三种引入样式的方式 1.外部样式:是通过link元素引入 <link rel="stylesheet" type="text/css" href= ...
html 三种插入css样式的方式
三种插入css样式的方式一.外链式引入css样式二.内嵌式使用css样式三.行内式引入css样式一.外链式引入css样式在head标签中使用<link rel="styles ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
徐志摩题要求：•使用外部引入CSS样式的方式为网页设置样式 •标题使用＜h3＞标签，其他文本均放在段落标签＜p＞中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段
徐志摩题要求: •使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 • ...
vue中绑定style样式的方式
vue中绑定样式的方式有多种下面就来看看吧开始之前先准备一些样式 css样式 <style>.red {color: red}.green {color: green}.big {fo ...
【ArcGIS风暴】ArcGIS标注和注记的区别及用法案例详解
ArcGIS中地图文字信息有两种表达方式:标注(Label)和注记(Annotation).本文详细说明ArcGIS中标注和注记的区别及用法. 文章目录一.标注的用法 1. 标注简介 2. 标注工具 ...

geoserver样式（SLD方式）—— 标注位置调整 AnchorPoint与Displacement区别

geoserver样式（SLD方式）—— 标注位置调整 AnchorPoint与Displacement区别相关推荐

最新文章

热门文章