mapbox-gl開發中如何集成deck.gl

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

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

       const {  MapboxLayer,

  ScatterplotLayer,

   GeoJsonLayer

 } = deck;

const AIR_PORTS ='json數據位置'；

        //定義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);

                       //根據id移除圖層

                       map.removeLayer('mydecklayer');  

                          deckgl = new deck.DeckGL({

container: 'map',

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

latitude: 36,

longitude: 117,

zoom: 5,

bearing: 0,

pitch: 30

});

看完了這篇文章，相信你對“mapbox-gl開發中如何集成deck.gl”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！