GeoServer中CSS地图样式配置(配置简介)

    最近在中看到一篇《GeoServer使用CSS渲染地图》的文章(公瑾大神写的),自己尝试用自己的GeoServer进行CSS地图样式的配置。配置的时候发现了很多的问题,最后终于在腊月二十七这天完成了CSS地图样式的配置。分享一下自己配置的经验:

(1)查看大神的文章之后,知道在地图样式种可以使用CSS的写法进行图样式的配置。去官网查看了发现:

GeoServer中CSS地图样式配置(配置简介)_第1张图片
GeoServer支持CSS样式的发布

非常激动因为SLD样式的地图配置比较繁琐,使用ArcMap进行地图的配置,使用插件导出的SLD文件在GeoServer会出现一些问题(如果需要ArcMap导出插件请留言)。CSS样式配置解决了大问题,MapBox桌面端的地图配置的也是类似于CSS的样式(如图)。

GeoServer中CSS地图样式配置(配置简介)_第2张图片
MapBox配图客户端

(2)本地安装的GeoServer版本是2.12.1,在官网中找对应的CSS的版本的插件:

GeoServer中CSS地图样式配置(配置简介)_第3张图片
CSS Styling拓展

下载是解压包,里面包含十个.JAR文件。兴冲冲把十个JAR包考到geoserver\WEB-INF\lib 目录下,重启Tomcat登录GeoServer,点开Style新建CSS Styling。在Style Editor编辑框中添加简单面的样式:

* {     stroke: #000000;     stroke-width: 0.5;     fill: #C5D3E1; }

点击Validate的时候GeoServer崩溃了:

GeoServer中CSS地图样式配置(配置简介)_第4张图片
哎呀,出错了(很难受)

(3)出错了开始找原因。最初觉得是别的插件导致CSS样式插件无法使用,到 Apache Software Foundation\Tomcat 8.5\webapps\geoserver\WEB-INF\lib目录下把别的功能插件删了,在重启Tomcat登录GeoServer发布CSS Styling,但还是出现了之前GeoServer崩溃的问题。有怀疑是不是我GeoServer安装的问题,我把GeoServer重新进行安装,重复了上面的步骤后GeoServer还是崩溃。思前想后为什么别人的GeoServer可以进行配置而我的不行(别都尝试过,只有我失败了)。会不会是插件的问题:

GeoServer中CSS地图样式配置(配置简介)_第5张图片
下了多个版本插件

        我降低了一个版本,在官网上下了GeoServer 2.11.4版本和CSS-plugin插件,进行重新的安装配置。重启Tomcat登录GeoServer,新建简单的面CSS Styling,点击Validate后GeoServer显示:

GeoServer中CSS地图样式配置(配置简介)_第6张图片
No validation errors(成功了)

黄天不负有心人终于成功了点击Apply,引用样式可以了。

GeoServer中CSS地图样式配置(配置简介)_第7张图片
样式引用成功

原因:GeoServer2.12.1版本中CSS-plugin插件中可能有问题(版本!版本!版本!重要的事情说三遍)

希望本文对大家有所帮助。

(4)CSS的地图样式相对于SLD样式简洁、可读性、可写性更强。

接下来就是研究GeoServer中CSS地图样式的编辑,提供GeoServer官网CSS样式的说明和语法规则:

http://docs.geoserver.org/latest/en/user/styling/css/index.html



路漫漫其修远兮,吾将上下而求索


                                                                              新年即将来临,提前祝大家新年快乐,阖家团圆。

你可能感兴趣的:(GeoServer中CSS地图样式配置(配置简介))