小編給大家分享一下mapbox-gl開(kāi)發(fā)中如何集成deck.gl，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

10年的東遼網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷(xiāo)推廣的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整東遼建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“東遼網(wǎng)站設(shè)計(jì)”,“東遼網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

   deck.gl是由uber開(kāi)發(fā)出來(lái)的基于WebGL的開(kāi)源大數(shù)據(jù)量可視化框架，具有提供不同類(lèi)型可視化圖層，能夠和mapbox-gl集成。

deck.gl項(xiàng)目地址：

       https://github.com/visgl/deck.gl

deck.gl和mapbox-gl集成有兩種方式：  

1、以擴(kuò)展圖層的形式，將deck.gl作為mapbox-gl的一個(gè)圖層加載進(jìn)去，這里是mapbox-gl作為主體；

//引用mapbox-gl和deck.gl的類(lèi)庫(kù)  

       const {  MapboxLayer,

  ScatterplotLayer,

   GeoJsonLayer

 } = deck;

const AIR_PORTS ='json數(shù)據(jù)位置'；

        //定義deck.gl圖層

             const myDeckLayer = new MapboxLayer({

id: 'mydecklayer',

type: GeoJsonLayer,

data: AIR_PORTS, 

pickable: false,

stroked: true,

filled: true,

autoHighlight: false,

highlightColor: [0, 180, 0, 200],

extruded: false,

lineWidthScale: 0,

lineWidthMinPixels: 1,

getFillColor: [0, 0, 180, 0],

getLineColor: [255, 0, 0, 255],

getRadius: 0,

wireframe: false,

getLineWidth: 10,

getElevation: 8000  

});

                         //初始化mapbox-gl

                        let  map = new mapboxgl.Map({

container: 'map',

style:  mapbox地圖樣式配置,

center: [116, 37],

zoom: 9

});

                        //添加deck.gl圖層

                       map.addLayer(myDeckLayer);

                       //根據(jù)id移除圖層

                       map.removeLayer('mydecklayer');  

2、以deck.gl為主體，設(shè)置deck.gl中使用的地圖是mapbox-gl；

                 //初始化deck.gl的對(duì)象，嵌入mapbox-gl的相關(guān)信息

                          deckgl = new deck.DeckGL({

container: 'map',

mapStyle: 'mapbox-gl地圖的樣式',

latitude: 36,

longitude: 117,

zoom: 5,

bearing: 0,

pitch: 30

});

以mapbox-gl作為主體時(shí)，添加的deck.gl的圖層并不能夠響應(yīng)對(duì)應(yīng)的鼠標(biāo)事件，反之，以deck.gl作為主體，在mapbox-gl中添加的圖層，也不能響應(yīng)對(duì)應(yīng)的鼠標(biāo)事件。

集成deck.gl能夠豐富地圖的大數(shù)據(jù)展示效果，實(shí)現(xiàn)mapbox-gl本身不能實(shí)現(xiàn)的一些效果，增強(qiáng)地圖的可視化效果。  

比如mapbox-gl中加載的面狀圖層，不支持帶高程的顯示，但是deck.gl就能夠?qū)崿F(xiàn)。

不過(guò)deck.gl不能支持中文注記的顯示，這個(gè)在使用中要注意。    

看完了這篇文章，相信你對(duì)“mapbox-gl開(kāi)發(fā)中如何集成deck.gl”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章標(biāo)題：mapbox-gl開(kāi)發(fā)中如何集成deck.gl
網(wǎng)頁(yè)URL：http://www.aaarwkj.com/article44/gjcdee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站建設(shè)、域名注冊(cè)、關(guān)鍵詞優(yōu)化、App開(kāi)發(fā)、ChatGPT

廣告

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