大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下mapbox-gl开发中如何集成deck.gl,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
10年的东辽网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整东辽建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“东辽网站设计”,“东辽网站推广”以来,每个客户项目都认真落实执行。
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”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!