mapboxgl源码分析(mapboxgl 是否开源)

技术mapbox-gl开发中如何集成deck.gl小编给大家分享一下mapbox-gl开发中如何集成deck.gl,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! deck.gl是由uber开发出来的

边肖将与您分享如何在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可以做到。mapbox-gl开发中如何集成deck.gl

但是deck.gl不能支持中文笔记的显示,使用时要注意。看完这篇文章,相信大家对“mapbox-gl开发中如何集成deck.gl”有了一定的了解。想了解更多,请关注行业资讯频道,感谢阅读!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/155341.html

(0)

相关推荐

  • Python爬取世纪佳缘的数据是否能证明它不靠谱的示例分析

    技术Python爬取世纪佳缘的数据是否能证明它不靠谱的示例分析这期内容当中小编将会给大家带来有关Python爬取世纪佳缘的数据是否能证明它不靠谱的示例分析,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大

    攻略 2021年10月26日
  • Eclipse插件如何安装、升级和卸载

    技术Eclipse插件如何安装、升级和卸载这篇文章将为大家详细讲解有关Eclipse插件如何安装、升级和卸载,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。安装在外部的插件的的目录结构通

    攻略 2021年11月26日
  • CSS中解决div列高度自适应的3种常用方法分别是什么

    技术CSS中解决div列高度自适应的3种常用方法分别是什么CSS中解决div列高度自适应的3种常用方法分别是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的

    攻略 2021年11月2日
  • Docker笔记,狂神说)

    技术Docker笔记,狂神说) Docker笔记(狂神说)1、Docker 入门狂神说教程:https://www.bilibili.com/video/BV1og4y1q7M4share_source

    礼包 2021年10月20日
  • sysbench 0.5有什么用

    技术sysbench 0.5有什么用这篇文章主要介绍sysbench 0.5有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 一 前言 因为在准备做压力测试方面

    攻略 2021年11月7日
  • 如何理解mysql Meta Lock 机制

    技术如何理解mysql Meta Lock 机制如何理解mysql Meta Lock 机制,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

    攻略 2021年11月16日