OpenLayers动态修改GeoServer发布的地图样式
giscoder 2019-11-26 10:33:19 403 收藏
分类专栏: OpenLayers GeoServer
版权
流程思路
1.改写GeoServer相应的SLD,使其支持动态修改样式;
2.修改前端请求WMS服务参数。
修改GeoServer的SLD
该部分在GeoServer官网上有说明,想了解更多请访问GeoServer官网:https://docs.geoserver.org/stable/en/user/styling/sld/extensions/substitution.html#sld-variable-substitution
GeoServer从2.0.2开始支持通过改变请求参数来动态改变WMS服务的SLD样式,如改变字体、大小、颜色等。
示例
本文以动态修改点状符号的类型、颜色和大小为例进行说明。
常规状态下SLD写法
常规状态下要渲染点的颜色和大小,其SLD如下:
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
该样式下渲染结果如下图:
需动态修改状态下的SLD
在需修改的关键点处已标明注释
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
#
OpenLayers调用核心代码
var raster = new ol.layer.Tile({
source: new ol.source.TileWMS({
url: 'geoserver 服务地址',
params: {
LAYERS: '图层名称',
VERSION: "1.1.1",
env:'color:00FF00;name:triangle;size:12' //重点处:修改点状符号为:绿色、三角形、大小为12
}
})
});
其渲染结果如图所示:
————————————————
版权声明:本文为CSDN博主「giscoder」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/giscoder/article/details/103251623