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

新年即将来临,提前祝大家新年快乐,阖家团圆。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了