获取地址
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
}
})
效果