【开源WebGIS】05-Openlayers访问GeoServer发布的WMS数据并添加标注

本文介绍了如何通过QGIS对矢量数据进行符号化并添加标注,生成sld文件,然后编辑sld确保标注显示在要素中心,避免重复。接着将修改后的sld上传至GeoServer更新样式,最终在前端成功调用显示属性标注。
摘要由CSDN通过智能技术生成

书接上回,我使用GeoServer发布了服务【开源WebGIS】02-矢量数据传入PostGIS+发布GeoServer服务+QGIS符号化,并进行了配色。接下来在前端对服务进行了调用显示,效果如下:
在这里插入图片描述

今天实现的是属性的标注,效果如下:在这里插入图片描述
实现步骤如下:
原本以为是可以通过调用WMS的属性或者什么方法可以在前端获取shp要素的属性表信息,请教了大佬之后发现不是这样的。实现标注的方法是在符号化时就加上标注,然后将符号化保存为sld文件,拿到sld文件之后需要对其进行简单的处理,然后上传到geoserver的stlyle里面即可。

  1. 在QGIS中对shp要素进行符号化,加上标注,导出符号化的sld文件
  2. 使用记事本对sld文件进行编辑,让标注始终显示在要素的中心位置,防治重复标注的情况出现
  3. 将修改后的sld文件上传至geoserver的style文件
  4. 前端调用服务即可

1 使用QGIS进行符号化,添加标注

1、 符号化
在这里插入图片描述
2、 导出符号化的sld文件
在这里插入图片描述

2 编辑sld文件

在大约122行的位置写入以下代码,并保存,设置标注始终出现在要素的质心的位置

<se:Geometry>
	<ogc:Function name="centroid"> 
		<ogc:PropertyName>geom</ogc:PropertyName>
	</ogc:Function>
</se:Geometry>

在这里插入图片描述
在这里插入图片描述
geom是数据的空间字段
在这里插入图片描述

若不这样改,就会出现同一个要素,出现很多标注的问题,效果如图:
在这里插入图片描述
这一步的操作是参考大佬的文章:Geoserver中Polygon图层Label标注重复的问题小结

3 更新GeoServer的style

将上一步编辑的sld文件上传至GeoServer即可
在这里插入图片描述
效果如下:
在这里插入图片描述

鸣谢大佬

Southejor
giser
谢谢谢谢谢峰
Clumsy 

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

后语

欢迎点个关注、收藏吧,这对我很重要!

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老靳的WebGIS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值