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)

相关推荐

  • 日加个成念什么,“日”下面加“成”念什么

    技术日加个成念什么,“日”下面加“成”念什么晟日加个成念什么:chéng 或sheng 多音字 前面的表示姓氏 后者表示光,亮。晟 shèng〈形〉,光明炽盛 [bright]昂头冠三山,俯瞰旭日晟。(朝阳光明炽盛。)—

    生活 2021年10月19日
  • Bootstrap-table 账号维护

    技术Bootstrap-table 账号维护 Bootstrap-table 账号维护https://www.cnblogs.com/laowangc/p/8875526.html
    https://ww

    礼包 2021年11月11日
  • 网络电视怎么调出频道,网络机顶盒怎么看电视频道

    技术网络电视怎么调出频道,网络机顶盒怎么看电视频道身边好多人买了网络机顶盒,但不知道怎么操作使用它来看电视直播网络电视怎么调出频道。下面我就以自家的电视盒子来教大家如何看直播的详细操作方法吧。1、打开电脑上的搜索当贝市场

    生活 2021年10月23日
  • 如何解决BufferedReader读取文件指定字符集问题

    技术如何解决BufferedReader读取文件指定字符集问题小编给大家分享一下如何解决BufferedReader读取文件指定字符集问题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!BufferedR

    攻略 2021年12月10日
  • 一个方法或变量是private属性的访问范围是什么

    技术一个方法或变量是private属性的访问范围是什么本篇文章给大家分享的是有关一个方法或变量是private属性的访问范围是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟

    攻略 2021年11月9日
  • Python编程为什么不使用print调试代码了

    技术Python编程为什么不使用print调试代码了这篇文章主要介绍“Python编程为什么不使用print调试代码了”,在日常操作中,相信很多人在Python编程为什么不使用print调试代码了问题上存在疑惑,小编查阅

    攻略 2021年10月25日