• 登录 geoserver 控制台：( 默认账号、密码为 admin、geoserver )

• 新建工作区：

wms/wmts/xyz

xyz

• z(zoom)缩放等级

协议 特点 优点 缺点 栅格数据支持 矢量数据支持 WMS 通过HTTP请求获取GIS数据，服务器会将数据渲染成图像 高度定制的地图；交互性强 服务器渲染图像，响应时间较长 支持 有限支持 WMTS 提供预渲染的地图瓦片 速度快，因为地图瓦片可以预先生成并在请求时快速提供 瓦片的内容是预先确定的，无法进行定制 支持 有限支持 XYZ 获取预渲染的地图瓦片，URL结构简单 速度快，URL结构简单 瓦片的内容是预先确定的，无法进行定制 支持 有限支持 WFS 提供对地理特征数据的访问，提供的是原始的矢量数据 提供丰富的地理数据和高度的交互性 处理和显示矢量数据需要更高的计算能力 不支持 支持

 var wmsLayer= L.tileLayer.wms(
              "http://192.168.1.254:8880/geoserver/zxhy/wms", { // 链接要改对应的
                  layers: 'zxhy:cshy',//需要加载的图层,就是我们刚刚新建的。map 和 图层名
                  format: 'image/png',//返回的数据格式
                  transparent: true
              }
          ); 


           var map = L.map('map').setView([1.9178, 8.8736], 13);
        //加载wms服务的图层
        var wmsLayer = L.tileLayer.wms(
            'http://127.0.0.1:8000/geoserver/nyc/wms', {
                layers: 'nyc_roads',
            }
        );
        //添加图层到地图
        wmsLayer.addTo(map);