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

来源: 投稿
作者: AntV
2020-03-13 11:22:00

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/

展开阅读全文
点击引领话题📣 发布并加入讨论🔥
0 评论
13 收藏
分享
返回顶部
顶部