GeoServer中CSS地图样式配置

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

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

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

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

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

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

点击Validate的时候GeoServer崩溃了:

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

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

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

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

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

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

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190221G0R2KQ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券