geoserver图层展示

1.获取geoserver所有图层：geoserver/gwc/service/tms/1.0.0

 可以根据这种方法获取到所有的图层名称，在图层名称是变量的时候可以使用

2.wms图层展示：

每个图层都有对应的例子：

     new ol.layer.Image({
          source: new ol.source.ImageWMS({
          ratio: 1,
          url: 'https://****/geoserver/***/wms',
          params: {'FORMAT': format,
                   'VERSION': '1.1.1',  
                    "STYLES": '',
                    "LAYERS": '',
                    "exceptions": 'application/vnd.ogc.se_inimage',
          }
        })
      });

这个是图层提供的例子，需要结合openlayers来实现，我使用的是leaflet，这个插件相对着openlayers简单一些，但是很多功能是没有的，是需要自己实现的，不过leaflet官网和大牛们提供了很多的插件，可以根据自己的需求来安装插件（Plugins - Leaflet - 一个交互式地图 JavaScript 库 中文文档 Documentation - Leaflet - a JavaScript library for interactive maps  leaflet 官网 ）

L.tileLayer.wms(`/geoserver/***/wms`,
    {
        'format': 'image/png',
        'VERSION': '1.1.1',
        "layers": `***`,
        "exceptions": 'application/vnd.ogc.se_inimage',
        'transparent': true,
        'maxZoom': 21,//最大级别
    })

这种方式是针对wms格式的，wmts格式，leaflet需要引入插件，自身是不支持wmts的，可以到文档中插件库中查看具体的使用方法

注：关于leaflet和geoserver的具体结合，关于leaflet具体使用文章中，我会详细介绍