内容简介：L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 专注于空间数据的可视化表达。图形符号学为理论基础，将抽象复杂的空间数据转化成 2D、3D 符号，通过颜色、...

 

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 柱图
气泡水波图	气泡图

更多L7-React 文档、demo 链接

 

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

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

 

 

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

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

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

 

 

更多新特性见发布日志

 

业务应用

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

 

最后

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 微软（中国）CTO韦青：人工智能是拿来用的，不是拿来炒的
• 新闻联播也可以拿来做数据分析？
• 直接拿来用！前端如何快速实现跨平台开发？
• 拿来即用——报表画图（饼图，速率图，表格图，柱状图）
• “深度学习不能拿来乱用”，Nature论文引发激烈争论
• 直接拿来用！盘点四款优秀的开源协作文本编辑器

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。