mapbox-gl加载WMS图层

geoserver发布矢量切片服务

WMS （web map service ）也是一种影像（raster）的图层服务，和WMTS服务的区别是，WMS没有进行切片缓存，客户端根据一定的参数进行影像/图片数据的请求，返回图片类型数据，叠加在地图上进行显示。

获取地址
服务发布之后，在图层预览这里，找到我们的服务，然后最右侧那个下拉框内选择WMS服务下的jpeg，复制打开的网址链接

mapbox-gl通过raster类型进行WMS服务进行加载

  //创建一个wms数据源
  map.addSource("wms-test-source", {
    type: "raster",
    //使用在线的wms服务
    tiles: [
      "http://localhost:9090/geoserver/seaice/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&layers=Na",
    ],
    tileSize: 256,
  });
  //添加wms图层
  map.addLayer({
    id: "wms-test-layer",
    type: "raster",
    source: "wms-test-source",
    paint: {},
  });