您现在的位置是:首页 > 文章详情

拿来即用的 L7 地理可视化引擎 2.1 React 版发布

日期:2020-03-12点击:842

L7地理可视化

 

L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 专注于空间数据的可视化表达。图形符号学为理论基础,将抽象复杂的空间数据转化成 2D、3D 符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。

L7 GitHub https://github.com/antvis/L7 欢迎关注Star 点亮你的GitHub ⭐️

 

L7 2.1 新特性

 

1、L7-React 版本

React技术栈的同学,通过标签配置项的形式快速,便捷的使用L7地理可视化功能,官方正式推出的@antv/l7-react正式版。

我们可这样初始化地图:

 

 import { AMapScene} from '@antv/l7-react'; <AMapScene map={{ center: [ 110.19382669582967, 50.258134 ], pitch: 0, style: 'dark', zoom: 1 }} /> 

添加Layer

 

 import { LineLayer } from '@antv/l7-react'; <LineLayer key={'2'} source={{ data, }} size={{ values: 0.6, }} color={{ values: '#f00', }} shape={{ values: 'line', }} style={{ opacity: 1, }} /> 

Marker, Popup 也支持通过React组件自定义。

采用L7-React 我们制作了多个版本的世界疫情地图

3D 填充图 3D 柱图
3D 填充图 3D 柱图
气泡水波图 气泡图
气泡水波图 气泡图

更多L7-React 文档、demo 链接

 

2、可自定义样式的聚合图

基于WebGL的聚合图自定义样式比较复杂,基于Maker的聚合图可以灵活的改变聚合图样式。通过MakerLayer你可以HTML+ CSS 实现自定义的任何效果。

 

L7 聚合图

 

3、更丰富的数据度量支持

L7数据可视化基于数据驱动,如何从数据映射到颜色大小是 scale 决定的。L7在原有的连续类型度量Scale(linear、 pow、log)基础上,新增了连续分类型的 scale,如等分位(quantile)和等间距(quantize)。

同样的数据,不同的 scale,不一样的数据表达,下图中国各地市新冠肺炎不同 scale 下的可视化效果。

 

l7_2_1_scale.png

 

更多新特性见发布日志

 

业务应用

目前 L7 做为地理可视化的基础设施,支撑了阿里经济体各个业务领域的地理可视化需求。在BI地理分析应用,大型地理数据分析平台,品牌公关,数据运营,基础地理应用等不同业务场景上都能看到 L7 提供的可视化服务。在多端设备上我们做到移动端和IE上兼容可用,让空间数据、地理可视化,服务更多、更广的用户,创造更多的价值。
在开源社区越来越多的用户采用 L7 方案构建自己的地理可视化应用,对内对外我们提供一样的技术服务支持。后续 L7 除了不断丰富可视化类型,还将在性能、交互、体验上不断优化增强,如果你有需求欢迎联系我们。

 

最后

如果你对 L7感兴趣,可以通过以下渠道关注我们:
GitHub: https://github.com/antvis/L7 
官网: https://l7.antv.vision/

原文链接:https://www.oschina.net/news/114036/l7-2-1-react-released
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章