Geoserver图层SLD样式编辑问题

最新推荐文章于 2023-06-19 21:36:46 发布
最新推荐文章于 2023-06-19 21:36:46 发布
阅读量2.2k 收藏 13
点赞数 1
分类专栏： Geoserver 文章标签： Geoserver Mapbox转SLD SLD样式 自定义样式编辑 Maputnik
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40953393/article/details/120614786
版权

一、线上地图样式

       SLD:风格化图层描述器（Styled Layer Descriptor）的简称，是2005年OGC提出的一个标准样式层描述符，这个标准在一定条件下允许WMS服务器对地图可视化的表现形式进行扩展。在没有SLD之前，只能使用一些已经在服务器上规定好的样式来对地图进行可视化。而当使用了实现了SLD标准之后，它允许我们从客户端来对地图进行定义自己的样式，分级显示等操作，极大的扩展了地图可视化的灵活性。SLD用于后端渲染图层给前端返回栅格数据。

        Mapbox Style:定义地图视觉外观的文档，要绘制哪些数据、绘制地图的顺序以及绘制数据时如何对数据进行样式。样式文档是具有特定根级和嵌套属性的JSON对象。此规范定义并描述这些属性。Mapbox Style用于前端渲染图层，后端只返回矢量切片数据。   

         Geoserver图层样式使用的是OGC标准的SLD文件，其对初学者学习成本高，学习难度大，如果有类似Mapbox的mapbox studio、百度地图的个性化地图编辑器、高德地图的自定义地图编辑器将大大提高地图制图效率。相关文章《让maputnik支持geoserver》。

二、SLD样式编辑软件

1.QGIS

        一个开源的GIS桌面软件，具有丰富的地图样式编辑，功能强大，能够生成SLD文件。

2.udig

        一个基于Java开发的GIS桌面应用程序，其样式编辑功能没有QGIS强，界面操作上比QGIS简单，能够生成SLD文件，但部分样式参数无法编辑需要自行编写SLD，而且加载大数据量的数据软件容易崩溃。

3.SLDEditor

         编辑地图样式的 Java 桌面应用程序，允许使用图形用户界面以交互方式创建和编辑OGC 样式层描述符。能生成SLD文件，可以完全控制OGC SLD标准的所有方面；但是无法加载空间数据，对比着调节样式及时查看效果；相比前两个软件，这个更像是一个SLD可视化编辑工具。

 三、使用maputnik调节自定义样式

        通过网上搜索查看了《让maputnik支持geoserver》这篇博客，发现这就是我想要的工具，一个类似百度、高德地图那样的矢量地图配图工具，比起前面的桌面软件调节样式这个更轻，功能更强大，操作更友好。不过前提条件Geoserver需要安装两个插件：

1.插件安装

         下载Geoserver对应版本的插件Vector Tiles、MBStyle Styling，将解压安装包中的所有jar包放在.../webapps/geoserver/WEB-INF/lib目录下，重启Geoserver，在编辑图层中Tile Caching标签页看到“application/vnd.mapbox-vector-tile”说明Vector Tiles插件安装成功，新建样式文件Format下拉框看到“MBStyle”说明MBStyle Styling插件安装成功。

 2.设置图层开启矢量切片

         将OSM地图本地发布(四)-----Geoserver发布自定义地图中的“taiwan”图层组开启矢量切片功能。

 查看矢量切片链接，打开Geoserver首页点击TMS:

       900913@pbf链接为maputnik要用的链接，因为mapbox style只支持谷歌Web墨卡托投影EPSG:900913

http://localhost:8080/geoserver/gwc/service/tms/1.0.0/taiwan%3Ataiwan@EPSG%3A900913@pbf

 3.使用maputnik打开图层

        不会使用的先看 《让maputnik支持geoserver》这篇博客、Mapbox Style官方文档，这里提供一个json样式模板，其中tiles中的链接即为前面TMS中看到的链接，source为设置的数据源，source-layer为数据源中各个图层的名字，即taiwan图层组中的各个图层的名字：

{
  "version": 8,
  "name": "Taiwan Liberty",
  "metadata": {"maputnik:renderer": "mbgljs"},
  "center": [120.679882, 24.143171],
  "zoom": 4,
  "sources": {
    "taiwan": {
      "type": "vector",
      "scheme": "tms",
      "tiles": [
        "http://localhost:8080/geoserver/gwc/service/tms/1.0.0/taiwan%3Ataiwan@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf"
      ],
      "minZoom": 0,
      "maxzoom": 24
    }
  },
  "sprite": "https://maputnik.github.io/osm-liberty/sprites/osm-liberty",
  "glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key={key}",
  "layers": [
    {
      "id": "background",
      "type": "background",
      "layout": {"visibility": "visible"},
      "paint": {"background-color": "#F2EFE9"}
    },
    {
      "id": "其他-海洋",
      "type": "fill",
      "source": "taiwan",
      "source-layer": "simplified_water_polygons",
      "layout": {"visibility": "visible"},
      "paint": {"fill-color": "#AAD3DF"}
    },
    {
      "id": "其他-建筑物",
      "type": "fill",
      "source": "taiwan",
      "source-layer": "building",
      "minzoom": 0,
      "maxzoom": 24,
      "paint": {
        "fill-color": "#DCD9D6",
        "fill-outline-color": {
          "base": 1,
          "stops": [[13, "hsla(35, 6%, 79%, 0.32)"], [14, "hsl(35, 6%, 79%)"]]
        }
      }
    },
    {
      "id": "水域",
      "type": "fill",
      "source": "taiwan",
      "source-layer": "water",
      "minzoom": 0,
      "maxzoom": 24,
      "layout": {"visibility": "visible"},
      "paint": {"fill-color": "#B2CEFE"}
    },
    {
      "id": "水域-边界",
      "type": "line",
      "source": "taiwan",
      "source-layer": "water_outline",
      "minzoom": 0,
      "maxzoom": 24,
      "paint": {"line-color": "#B2CEFE"}
    },
    {
      "id": "水域-河流",
      "type": "line",
      "source": "taiwan",
      "source-layer": "river",
      "minzoom": 0,
      "maxzoom": 24,
      "layout": {"visibility": "visible"},
      "paint": {"line-color": "#B2CEFE", "line-width": 1}
    },
    {
      "id": "公路-line",
      "type": "line",
      "source": "taiwan",
      "source-layer": "route_line",
      "minzoom": 0,
      "maxzoom": 24,
      "layout": {"line-join": "round", "line-cap": "round"},
      "paint": {"line-color": "#4A83BF", "line-opacity": 0.6, "line-width": 0.4}
    },
    {
      "id": "地名-city",
      "type": "symbol",
      "source": "taiwan",
      "source-layer": "placenames_medium",
      "minzoom": 0,
      "maxzoom": 24,
      "layout": {
        "text-field": {"type": "identity", "property": "name"},
        "text-size": 12,
        "text-allow-overlap": false,
        "text-ignore-placement": false,
        "text-font": ["SimSun Regular"]
      },
      "paint": {
        "text-halo-color": "#FFFFFF",
        "text-opacity": 1,
        "text-halo-width": 1
      }
    }
  ],
  "id": "taiwan_liberty"
}

 4.使用maputnik调节样式

       这里提供一个完整的样式文件，链接: https://pan.baidu.com/s/1qbVC5Jbsa42rbP-p_i5XxQ 提取码: w2pf，文件中的taiwan.json为样式文件。

       打开maputnik将taiwan.json文件导入，即可进行样式调节。

 四、Mapbox样式转为SLD

 1.导出maputnik调节好的样式文件

 2.分离不同图层样式

        maputnik导出的json文件包含了所有的图层样式，将不同图层样式单独分离出来，方便导入Geoserver中，以building图层为例，在layers数组中找到"source-layer": "building"的样式，放入下面模板中：

{
  "version": 8,
  "name": "Taiwan Liberty",
  "metadata": {"maputnik:renderer": "mbgljs"},
  "center": [120.679882, 24.143171],
  "zoom": 4,
  "sources": {
    "taiwan": {
      "type": "vector",
      "scheme": "tms",
      "tiles": [
        "http://localhost:8080/geoserver/gwc/service/tms/1.0.0/taiwan%3Ataiwan@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf"
      ],
      "minZoom": 0,
      "maxzoom": 24
    }
  },
  "sprite": "https://maputnik.github.io/osm-liberty/sprites/osm-liberty",
  "glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key={key}",
  "layers": [
       //分离的图层样式粘贴放在这里！
  ],
  "id": "taiwan_liberty"
}

最终分离样式文件如下：

{
  "version": 8,
  "name": "Taiwan Liberty",
  "metadata": {"maputnik:renderer": "mbgljs"},
  "center": [120.679882, 24.143171],
  "zoom": 4,
  "sources": {
    "taiwan": {
      "type": "vector",
      "scheme": "tms",
      "tiles": [
        "http://localhost:8080/geoserver/gwc/service/tms/1.0.0/taiwan%3Ataiwan@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf"
      ],
      "minZoom": 0,
      "maxzoom": 24
    }
  },
  "sprite": "https://maputnik.github.io/osm-liberty/sprites/osm-liberty",
  "glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key={key}",
  "layers": [
    {
      "id": "其他-建筑物",
      "type": "fill",
      "source": "taiwan",
      "source-layer": "building",
      "minzoom": 15,
      "maxzoom": 24,
      "filter": ["all", ["!=", "building", "ferry"]],
      "paint": {
        "fill-color": "#DCD9D6",
        "fill-outline-color": {
          "base": 1,
          "stops": [[13, "hsla(35, 6%, 79%, 0.32)"], [14, "hsl(35, 6%, 79%)"]]
        }
      }
    },
    {
      "id": "水域-建筑物",
      "type": "fill",
      "source": "taiwan",
      "source-layer": "building",
      "minzoom": 13,
      "maxzoom": 24,
      "filter": ["all", ["==", "building", "ferry"]],
      "paint": {
        "fill-color": "#DCD9D6",
        "fill-outline-color": {
          "base": 1,
          "stops": [[13, "hsla(35, 6%, 79%, 0.32)"], [14, "hsl(35, 6%, 79%)"]]
        }
      }
    }
  ],
  "id": "taiwan_liberty"
}

 3.将Mapbox样式导入Geoserver

     新建样式：

       选择MBStyle，粘贴上一节分离的building样式文件，Validate检测一下正确性后保存：

 4.查看转换后的SLD文件

        上一步新建MB_building样式保存完成后，在.../webapps/geoserver/data/workspaces/

taiwan/styles中可以找到SLD文件：

 提示：如果没有看到对应的sld文件，可能是新建样式选错了工作空间或使用了默认工作空间，在其他文件夹里找；或者需要打开样式文件预览一下才会生成sld文件。

 五、总结

        目前来看Mapbox提供的技术是最好用的开源自定义样式编辑解决方案，maputnik是基于Mapbox规范实现的开源的轻量级样式编辑工具，Mapbox官方样式编辑工具是Mapbox Studio。

       安装MBStyle Styling插件已经支持了Mapbox样式文件，为什么要多此一举转为SLD文件？从转入过程可以发现Geoserver支持的样式格式只有SLD文件，使用插件也是转为SLD文件在使用，这样转换后可以将SLD文件导出在其他环境中使用，比如生产环境，其他Geoserver服务器中；另一方面我一直在寻找SLD转Mapbox Style工具方便已经存在的SLD样式能供Mapbox使用、Mapbox Style转SLD工具方便已经存在的MB样式供Geoserver使用，这样能更高效使用，如调节一套样式多平台上使用。 

DXnima
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论
专栏目录
探索地图设计新境界：Maputnik，一款面向未来的可视化地图风格编辑器
gitblog_00009的博客
06-26 289
探索地图设计新境界：Maputnik，一款面向未来的可视化地图风格编辑器 项目地址:https://gitcode.com/maplibre/maputnik 在数字地图日益成为信息传递关键的时代，拥有一个强大且灵活的地图样式编辑工具对于开发者和地图设计师而言至关重要。在此背景下，我们隆重介绍——Maputnik，一个专为MapLibre GL风格打造的免费开放源代码视觉编辑器。 项目介绍 Ma...
geoserver 样式（点，线，面）
03-16
用于geoserver样式的编辑，从代码中体会geoserver样式的书写规则，样式中通过filter类实现了样式的不同实现，将地图的表现更加的丰富
GeoServer发布mapbox vector tile (MVT)并在地图上展示（符号化）
GISMaster
02-24 8333
mapbox vector tiles（MVT）发布的方式有几种，用商业GIS可以发布（国产XX图就支持）、用开源GIS也支持（如GeoServer）。 下载GeoServer，下载插件 geoserver-2.14.1-vectortiles-plugin geoserver-2.14.1-wps-plugin 拷贝到geoserver\WEB-INF\lib即可 重启GeoServe...
Mapbox Web GL JS编程学习——风格规范Style Specification(四)——Layers（层）
小小菜下士的博客
07-16 909
Mapbox Web GL JS编程学习(四)Layers（层） 最复杂的根属性。
GeoServer中地图可视化提升利器之SLD知识简介
最新发布
夜郎King的博客
06-19 1万+
本文将首先介绍SLD的基础概念，相关约束标准，其次结合一个SLD的实例进行案例讲解，帮助读者对SLD有一个直观的了解。
mapbox样式规范(style)
Mozifei73的博客
01-16 9304
mapbox样式规范(style)
GeoServer中使用SLD样式
weixin_30629653的博客
10-23 375
1 背景 我们在ArcMap中可以直接通过symbol功能对图层进行定制化配图。但是，如果我们将配好图的shp图层在GeoServer中发布时，会发现图层样式完全丢失了。其实原因很简单，用ArcMap配好的图层，其样式文件并不是保存在shp中，而是保存在mxd或者msd中。 那么如何才能让GeoServer发布的图层也能达到定制化配图的效果呢？ 2 SLD简介 SLD是风格化图层...
Geoserver配置地图样式SLD.txt
01-15
### Geoserver配置地图样式SLD详解 #### 一、SLD简介 SLD（Styled Layer Descriptor）是一种基于XML的标准格式，用于定义地理数据在地图上的显示方式。它允许用户自定义图层的颜色、线型、标记等样式，并且可以在...
geoserver的公路铁路等道路信息,公园绿化建筑SLD配置样式.rar
10-24
在实际应用中，首先需要将这些SLD样式文件导入到Geoserver中，然后与对应的地理数据图层关联。一旦设置完成，Geoserver会根据SLD规则渲染地图，使得地图不仅包含地理信息，还具有丰富的视觉表现力。如果遇到无法使用...
geoserver 基础通用样式
04-11
关于SLD文件，它是GeoServer样式的核心，是一种XML格式，用于描述图层的可视化表现。SLD文件中可以定义多个规则（Rule），每个规则可以有多种符号器（Symbolizer），分别对应点、线、面。通过规则，我们可以根据属性...
geoserver样式配置
01-17
在 Geoserver 中，SLD 文件可以用来配置多种类型的图层，包括点图层、线图层、面图层等。在本文中，我们将主要介绍面图层的样式配置。 面图层样式配置的基本框架 ----------------------------- 面图层样式配置的...
geoserver中Google地图样式SLD.rar
12-09
在GeoServer的工作空间中，选择你需要应用样式的图层，然后在“Style”部分添加新的风格，导入下载的SLD文件。一旦应用，GeoServer将按照SLD中的规则渲染地图，使用户在浏览时获得熟悉的Google地图体验。 总的来说...
【geoserver】样式设置01--sld文件格式初识
weixin_43958438的博客
05-06 1453
这个SLD文件定义了一个名为"MyLayer"的图层，其中包含一个名为"MyRule"的规则，用于设置类型为"road"的要素的样式。它可以用来定义地图中各种要素（如点、线、面等）的样式，包括颜色、线宽、填充、标签等。通过使用SLD文件，用户可以自定义地图样式，使地图更加美观和易于理解。FeatureTypeStyle：定义要素类型的样式，包括颜色、线宽、填充、标签等。Rule：定义样式规则，可以根据属性值、比例尺等条件来设置不同的样式。Symbolizer：定义要素的具体样式，包括点、线、面等。
2.7 SLD参考标准与GeoServer扩展
q237895772的博客
10-01 467
SLD参考标准与GeoServer扩展 最开始的SLD 1.0.0版本在《OGC Styled Layer Descriptor Implementation Specification》中定义，该文档的下载地址为：http://portal.opengeospatial.org/files/?artifact_id=1188。 之后SLD 1.1.0分为两个规范：《OGC Symbology Encoding Implementation Specification》和《OGC Styled Layer
SLD简明教程
m0_59119702的博客
11-05 6089
近期参与制定一套制图规范，学习了sld并使用geoserver进行渲染，写了篇关于sld各元素使用的总结，用于备忘。
GeoServer中利用SLD配图之矢量图层配图
weixin_34297704的博客
12-21 995
文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处：http://www.cnblogs.com/naaoveGIS/。 1 背景 我们在ArcMap中可以直接通过symbol功能对图层进行定制化配图。但是，如果我们将配好图的shp图层在GeoServer中发布时，会发现图层样式完全丢失了。其实原因很简单，用ArcMap配好的图层，其样式文件并不是保存在shp中，而是保存在mxd或者m...
mapbox的标绘并能修改样式
qq_37750030的博客
07-07 3536
基于mapbox的标绘功能，可动态修改颜色
geoserver样式设置的问题总结
m0_70639258的博客
11-23 2019
geoserver样式配置过程中的小问题
geoserver的WFS图层设置样式
04-29
要设置Geoserver的WFS图层样式，您可以使用以下步骤： 1. 打开Geoserver的Web管理界面，并登录。 2. 找到您要设置样式的WFS图层，并单击其名称。 3. 在图层设置页面上，单击“发布”选项卡。 4. 滚动到“样式”部分，并单击“编辑”以打开样式编辑器。 5. 在样式编辑器中，您可以使用CSS或SLD语言创建或编辑样式。您可以添加样式规则、符号和标签，以及定义颜色、填充和边框等属性。 6. 一旦完成样式设置，单击“保存”以保存更改，并返回到图层设置页面。 7. 在图层设置页面上，确保已启用“WFS”选项，并单击“应用”以应用样式更改。 8. 现在，您可以通过访问WFS服务来查看已设置样式的图层。 请注意，样式设置可能因数据源和图层类型而异。此外，您可能需要一些CSS或SLD编程知识才能创建或编辑样式。
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

DXnima

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

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

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

打赏作者

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

抵扣说明：

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

余额充值