mapboxgl加载geoserver发布的WMS服务

发布时间 2023-10-24 11:10:33作者: 槑孒

获取地址

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
    }
  })

效果