本篇內(nèi)容介紹了“怎么用mapbox-gl開發(fā)deck.gl軌跡圖效果”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)專注于南丹企業(yè)網(wǎng)站建設,響應式網(wǎng)站開發(fā),商城網(wǎng)站建設。南丹網(wǎng)站建設公司,為南丹等地區(qū)提供建站服務。全流程按需策劃，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務

https://deck.gl/examples

const {MapboxLayer,TripsLayer} = deck;

        myDeckLayer = new MapboxLayer({

id: 'mydecklayer',

                //設置圖層類型為軌跡圖

type: TripsLayer,

                //使用trip數(shù)據(jù)

data: tripdata,

                //獲得數(shù)據(jù)中的路線和時間數(shù)據(jù)

getPath: d =>{  

return d.path;

},

getTimestamps: d => d.timestamps,

                //設置軌跡顏色、透明度、長度等信息

getColor: [253, 128, 0],

opacity: 0.5,

widthMinPixels: 5,

 rounded: true,

trailLength: 100,

                //使用time變量，之后變化time的值實現(xiàn)動態(tài)效果

currentTime: time

}); 

       //mapbox-gl添加圖層

map.addLayer(myDeckLayer);

//循環(huán)修改時間，實現(xiàn)軌跡的動態(tài)效果

             function animate() {

time = (time+1.5)%1800;

myDeckLayer.setProps({ currentTime: time });

requestAnimationFrame(animate); 

    }

“怎么用mapbox-gl開發(fā)deck.gl軌跡圖效果”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！