小編給大家分享一下GIS中mapbox gl有哪些底圖的加載，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)茂名免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

mapbox gl除了加載客戶端可控制樣式的底圖，也能夠加載常規(guī)的影像底圖。

這里指發(fā)布的影像或者矢量地圖切片，在線經(jīng)常使用的有天地圖，谷歌地圖、高德百度等，底圖的加載，mapbox gl中，主要是修改對(duì)應(yīng)的樣式style。

//這是加載arcgis server發(fā)布的底圖切片

<div id='map'></div>

<script>

var map = new mapboxgl.Map({

container: 'map',

style: {

        //目前地圖的版本用8

"version": 8,

          //數(shù)據(jù)源，可以設(shè)置多個(gè)數(shù)據(jù)源

 "sources": {

"mapsource": {

          //數(shù)據(jù)源類型是 raster

"type": "raster", 

          //切片的地址：arcgis server 只有發(fā)布了切片才能這樣進(jìn)行訪問，具體參照arcgis server的wmts發(fā)布

"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,

} 

},

        //加載數(shù)據(jù)源里的圖層

"layers": [{

"id": "mapsource",

"type": "raster",

          //數(shù)據(jù)源選擇source中的id

"source": "mapsource",

        //設(shè)置圖層的可縮放級(jí)別

"minzoom": 0,

"maxzoom": 18

} ]

}

});

</script>

//加載天地圖的矢量和注記圖層

style: {

"version": 8,

"sources": {

"mapsource": {

"type": "raster",

           //天地圖的影像切片，現(xiàn)在天地圖需要申請(qǐng)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,

},

       //注記的數(shù)據(jù)源，source中可以添加多個(gè)

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,

}

   },

 //分別加載多個(gè)天地圖的圖層

"layers": [{

"id": "mapsource",

"type": "raster",

"source": "mapsource",

"minzoom": 0,

"maxzoom": 18

},{

"id": "annotationsource",

"type": "raster",

"source": "annotationsource",

"minzoom": 0,

"maxzoom":18

}]

}

類似于高德、百度的地圖，網(wǎng)上搜到這些地圖的切片地址，同樣也能夠進(jìn)行訪問，需要注意的是，切片圖層要做成web mecator的坐標(biāo)系，才能進(jìn)行訪問。

看完了這篇文章，相信你對(duì)“GIS中mapbox gl有哪些底圖的加載”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁標(biāo)題：GIS中mapboxgl有哪些底圖的加載
網(wǎng)址分享：http://aaarwkj.com/article46/jeipeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站營(yíng)銷、響應(yīng)式網(wǎng)站、網(wǎng)站維護(hù)、定制網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)