上一篇讲了xyz/tms形式的底图加载和wmts形式的底图加载,本篇继续讲mapbox-gl加载各种底图的技巧。 三、wms形式底图加载 wms底图服务是根据请求的四至范围、图片尺寸等一系列参数,返回对应的底图图片,常用GIS server都支持wms服务发布,比如Arcgis Server、超图的iServer、开源的Geoserver等。 根据官网的wms请求地址加载,{bbox-epsg-3857}是配置的关键; https://img.nj.gov/imagerywms/Natural2015?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=Natural2015 通过查看网络请求,是传过去的范围四至坐标: 参数简单说明: layers:请求的图层名称; srs:坐标系代号,mapbox-gl官方只支持3857; 四、使用一张图片做底图 在不需要严格底图的情况下,mapbox-gl同时也支持一张图片做底图,这对于目前按照艺术形式设计地图是一个很好的支持。
图片作为底图,设置好四至范围坐标即可;
map.addSource('radar', {
'type': 'image',
'url': '图片地址',
'coordinates': [
[-80.425, 46.437],//左上
[-71.516, 46.437],//右上
[-71.516, 37.936],//右下
[-80.425, 37.936] //左下
]
});