边肖将与您分享如何在mapbox-gl开发中集成deck.gl。希望大家看完这篇文章后有所收获。我们一起讨论一下吧！
Deck.gl是uber开发的基于WebGL的海量数据开源可视化框架。Deck.gl可以提供不同类型的可视化图层，并且可以与mapbox-gl集成。Deck.gl项目地址：https://github.com/visgl/deck.gl
集成deck.gl和mapbox-gl有两种方法：
1.load deck.gl以扩展层的形式作为mapbox-gl的一个层，这里mapbox-gl是主体；//引用mapbox-gl和deck.gl的类库
const { MapboxLayer，
散点图层，
GeoJsonLayer
}=deck
Const AIR_PORTS='json数据位置'；
//定义甲板. gl层
const myDeckLayer=new mapbox layer({ 0
id: 'mydecklayer '，
类型： GeoJsonLayer，
数据： AIR_PORTS，
pickable: false，
stroked: true，
filled: true，
autoHighlight: false，
荧光笔： [0，180，0，200]，
挤压：假，
线宽： 0，
线宽像素： 1，
getFillColor: [0，0，180，0]，
getLineColor: [255，0，0，255]，
getRadius: 0，
线框：为假，
getLineWidth: 10，
getElevation: 8000
});
//初始化mapbox-gl
让map=new mapboxgl。地图({ 0
包含： '地图'，
Style:地图框地图样式配置，
center: [116，37]，
动物园： 9
});
//添加deck.gl层
map . addlayer(myDeckLayer)；
//根据id移除图层
map . remove layer(' my decklayer ')；
2.以deck.gl为主体，将deck.gl中使用的地图设置为mapbox-GL；//初始化deck.gl的对象，嵌入mapbox-gl的相关信息。deckgl=新甲板。DeckGL({ 0
包含： '地图'，
地图样式： '地图框-GL地图的样式'，
纬度： 36，
经度： 117，
动物园： 5，
轴承： 0，
pitch: 30
});
以mapbox-gl为主体，deck.gl的添加层无法响应相应的鼠标事件。相反，以deck.gl为主体，mapbox-gl中添加的图层无法响应相应的鼠标事件。deck.gl的集成可以丰富地图的大数据显示效果，实现mapbox-gl本身无法实现的一些效果，增强地图的可视化效果。
例如，mapbox-gl中加载的平面图层不支持立面显示，但是deck.gl可以做到。
但是deck.gl不能支持中文笔记的显示，使用时要注意。看完这篇文章，相信大家对“mapbox-gl开发中如何集成deck.gl”有了一定的了解。想了解更多，请关注行业资讯频道，感谢阅读！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/155341.html