我们在前面博客分别介绍了geoserver发布矢量和tif数据，但都是以单个图层在cesium中加载，今天就了解下如何发布图层组。尤其是矢量需要设置各种复杂的样式。

发布流程和之前介绍的一直，不过之前博客中提到tif发布时黑边问题，只需要一个简单设置即可。下面我们一一介绍

1tif发布

Tif发布过程和之前博客一致：《Cesium学习笔记-工具篇25-Cesium加载geoserver服务-tif》，只需要在覆盖参数InputTransparentColor输入000000

http://s10/mw690/006pZnPwzy7plPm7xK939&690

2矢量发布

发布过程和之前博客一致：《Cesium学习笔记-工具篇26-Cesium加载geoserver矢量服务-shp》。

3矢量样式配置

·         点击左侧菜单栏中的styles，选择Add a new style

http://s9/mw690/006pZnPwzy7plPrBs7u28&690

样式新建界面：

http://s9/mw690/006pZnPwzy7plPtxGv658&690

这里需要注意：

工作区必须一旦选中，只能在同一工作区使用。

在Generate a default style中，可是生成默认的样式，不过默认样式都无法满足我们的需求，下面是一个点图层的样式，在2000000 to 20000000范围显示，标注使用矢量的NAME字段：

 http://s5/mw690/006pZnPwzy7plQcrvCsf4&690

 复杂的样式编辑可以使用udig工具。

4发布图层组

在左侧菜单栏选择图层组，点击添加新图层组

http://s15/mw690/006pZnPwzy7plPBTmPQde&690

在新建图层组界面需要注意：

工作区选择，选择发布图层时的工作区

生成边界（当图层添加完后，点击自动生成）

添加所需图层

图层位置可以上下调整

风格可以选择默认，也可以选择自己新建的。

http://s16/mw690/006pZnPwzy7plPDsa6j9f&690

点击保存后，在LayerPreview中可以预览：

http://s4/mw690/006pZnPwzy7plPFuj0D73&690

点击OpenLayers预览：

http://s1/mw690/006pZnPwzy7plPGL8Gsf0&690

http://s7/mw690/006pZnPwzy7plPHVGWG26&690

这里我们看到，tif黑边已经消失了。

5cesium加载

Cesium加载和之前方式一样，修改图层名称即可：

var wmslayers = new Cesium.WebMapServiceImageryProvider({

            url: 'http://localhost:8080/geoserver/cesium/wms',

            layers: 'cesium:HBLayers',

            parameters: {

                service: 'WMS',

                format: 'image/png',

                transparent: true,

            }

        });

        viewer.imageryLayers.addImageryProvider(wmslayers);

http://s1/mw690/006pZnPwzy7plPK2LTy60&690
http://s2/mw690/006pZnPwzy7plPLHBuhe1&690

示例源码：github源码

我的学习公众号也开通，感兴趣的小伙伴们可以加关注：giserYZ2SS