溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下GIS中mapbox gl有哪些底圖的加載，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
<script>
var map = new mapboxgl.Map({
container: 'map',
style: {
//目前地圖的版本用8
"version": 8,
//數據源，可以設置多個數據源
"sources": {
"mapsource": {
//數據源類型是 raster
"type": "raster",
//切片的地址：arcgis server 只有發布了切片才能這樣進行訪問，具體參照arcgis server的wmts發布
"tiles": ['http://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer/WMTS/tile/1.0.0/ChinaOnlineCommunity/default/default028mm/{z}/{y}/{x}.png']
//切片的尺寸，一般都是256
"tileSize": 256,
}
},
//加載數據源里的圖層
"layers": [{
"id": "mapsource",
"type": "raster",
//數據源選擇source中的id
"source": "mapsource",
//設置圖層的可縮放級別
"minzoom": 0,
"maxzoom": 18
} ]
}
});
</script>
//加載天地圖的矢量和注記圖層
style: {
"version": 8,
"sources": {
"mapsource": {
"type": "raster",
//天地圖的影像切片，現在天地圖需要申請token
"tiles":
['http://t1.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk=<your token>'],
"tileSize": 256,
},
//注記的數據源，source中可以添加多個
annotationsource": {
"type": "raster",
"tiles": [' http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk=<your token>'],
"tileSize": 256,
}
},
//分別加載多個天地圖的圖層
"layers": [{
"id": "mapsource",
"type": "raster",
"source": "mapsource",
"minzoom": 0,
"maxzoom": 18
},{
"id": "annotationsource",
"type": "raster",
"source": "annotationsource",
"minzoom": 0,
"maxzoom":18
}]
}
看完了這篇文章，相信你對“GIS中mapbox gl有哪些底圖的加載”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
