GeoServer样式(style)设置

GeoServer Style定义

GeoServer样式支持SLD、CSS、YSLD、MBStyle四种方式定义Style,默认支持的SLD方式,其它三种需要扩展,SLD通过xml标签定义style,虽然强大但也比较复杂,可读性差,代码量大,下面是一个定义了点的填充方式和大小的SLD Style


<?xml version="1.0" encoding="ISO-8859-1"?>
<StyledLayerDescriptor version="1.0.0"
    xsi:schemaLocation="http://www.opengis.net/sld 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>Simple point</Name>
    <UserStyle>
      <Title>GeoServer SLD Cook Book: Simple point</Title>
      <FeatureTypeStyle>
        <Rule>
          <PointSymbolizer>
            <Graphic>
              <Mark>
                <WellKnownName>circle</WellKnownName>
                <Fill>
                  <CssParameter name="fill">#FF0000</CssParameter>
                </Fill>
              </Mark>
              <Size>6</Size>
            </Graphic>
          </PointSymbolizer>
        </Rule>
      </FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>

这么长一段代码只实现了两个功能,而且根本看不懂干了什么,所以如果懂css,建议使用CSS Style,代码少,简单易读。

CSS Style
CSS Style安装
  • 下载扩展包
wget https://sourceforge.net/projects/geoserver/files/GeoServer/2.14.1/extensions/geoserver-2.14.1-css-plugin.zip

ps:这里下载的2.14.1,其它版本请在官网找对应扩展

  • 解压并复制到$GEOSERVER_HOME/webapps/geoserver/WEB-INF/lib目录
  • 重启GeoServer
CSS Style定义

比如我有一个中国省界数据,要给它定义一个Style。打开New Style页面(Data >Styles >add a new style)
在这里插入图片描述
注意在Format中选择CSS

  • 对于一个多边形来说,最直观的样式首先边界和填充色
* {
      stroke: #000000;
      stroke-width: 0.5;
      fill: #0099cc;
   }

这里定义了多边形的边界颜色为黑色,宽度是0.5,填充色为蓝色
点击validate如果提示No validation errors.再点击Apply,此时页面上方多了三个选项卡,点击Layer Preview就可以选择图层对刚才定义的样式进行预览。

  • CSS样式由选择器和属性构成,属性被包含在"{}“内,以上面的样式为例,选择器”*",stroke: #000000, stroke-width: 0.5, fill: #0099cc都属于属性,属性由name和value组成,之间用":“分割,”{}“把它们括起来跟在”*“后面,说明它们都属于”*"这个选择器,如果你懂CSS,这些都不用解释,和网页设计中的CSS没有区别

在这里插入图片描述

  • 显示标签(label)
   * {
    stroke: #000000;
    stroke-width: 0.5;
    fill: #0099cc;
  	label: [name];
    label-anchor: 0.5 0.5;
    font-family: "宋体";
  	font-fill: #000000;
  	font-size: 14;
	}
  • 也可以利用CSQL作为选择器,比如要将北京市渲染为红色,把面积大于100的填充为黄色
[name='北京市']{
  fill:#ff0000;
  fill-opacity: 0.7;
}
[shape_area>100]{
  fill:#f1f507;
  fill-opacity: 0.7;
}
  • 虽然并不建议在GeoServer中设置图例,但是如果需要,可以用以下方法
/* @title area>100 */
[shape_area>100]{
  fill:#f1f507;
  fill-opacity: 0.7;
} 
/* @title 北京市 */
[name='北京市']{
  fill:#ff0000;
  fill-opacity: 0.7;
}
/* @title 省界 */
* {
	stroke: #000000;
	stroke-width: 0.5;
	fill: #0099cc;
	label: [name];
	label-anchor: 0.5 0.5;
	font-family: "宋体";
	font-fill: #000000;
	font-size: 14;
	font-style: normal;
}
  • 更多的属性请参考CSS workshop。如果对其它的Style定义方式感兴趣,请前往官网
应用自定义样式

编辑图层,在Publishing标签中的Default Style中选择刚才定义的Style

最终样式是这样的
在这里插入图片描述

利用其它软件配图并将Style导入GeoServer

对大部分人来说,不管是哪种Style定义方式,可能没有时间精力完全掌握,其效率都是比较低的,如果能用一个做图软件配好图再把样式导入GeoServer可能是一种更好的选择。
udig软件就可以满足这一需求,把Style导出为SLD文件,然后在GeoServer中导入,并且udig支持多种平台,下载地址http://udig.refractions.net/download/

利用udig
  1. 定义样式并导出SLD文件
    样式设置好之后点击xml可以把设置好的样式保存为SLD文件
    在这里插入图片描述
  2. 在GeoServer中导入SLD文件
    在这里插入图片描述
利用QGIS

QGIS是目前最好的开源GIS软件,支持多种平台,它可以将配置好的样式导出为SLD文件。
在这里插入图片描述
目前就发现这两款软件可以将地图样式导出,推荐使用QGIS

  • 10
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

裘千仞不会水上漂

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

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

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

打赏作者

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

抵扣说明:

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

余额充值