mapboxgl加载geoserver发布的WMS服务

获取地址

wms服务发布之后，在图层预览这里，找到我们发布的图层服务，然后下拉框内选择WMS服务下的png

这个链接要把bbox换成{bbox-epsg-3857}，就可以了。

wms服务一般可以用一些样式文件，调用上面的链接的时候，可以把styles=的后面的换成这里的自定义样式。

加载geoserver发布的WMS服务

wms服务在mapbox里面，类型是raster，基本参数写下面的就可以了，更加丰富的参数请参考官网。

  map.addSource('seaiceRaster', {
    type: 'raster',
    tiles: [
      'http://xxx:9090/geoserver/seaice/wms?VERSION=1.1.1&REQUEST=GetMap&transparent=true&LAYERS=seaice:asiAMSR2s62502023101_1&SRS=EPSG:3857&bbox={bbox-epsg-3857}&WIDTH=256&HEIGHT=256&FORMAT=image/png'
    ],
    tileSize: 256
  })
  map.addLayer({
    id: 'seaiceRaster',
    type: 'raster',
    source: 'seaiceRaster',
    paint: {
      'raster-opacity': 1
    }
  })

效果