V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lzxue
V2EX  ›  支付宝

地理可视化就这么简单、酷炫,蚂蚁金服 AntV 空间数据可视化引擎 L72.0 发布

  •  
  •   lzxue · 2019-11-26 17:00:09 +08:00 · 2895 次点击
    这是一个创建于 1828 天前的主题,其中的信息可能已经有所发展或是发生改变。

    突破专业门槛 - AntV 的地理可视化

    image.png

    导读

    L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。L7 以图形符号学为理论基础,将抽象复杂的空间数据转化成 2D、3D 符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。

    github 地址

    图片.gif
    可视化效果概览

    L7 经过一年的业务锤炼和打磨,可以在地理信息应用、大屏展示、大规模地理数据分析等多种业务场景提供支持。地理分析应用往往是集时间、空间、属性等多维度数据为一体的综合性可视分析系统,在数据规模,数据类型,以及交互模式上具有极其复杂的多样性,因此在设计和开发地理可视化分析应用时,需要不同领域的人共同参与。

    我们希望通过提供一套地理可视化领域下的最佳解决方案,能够让没有任何空间数据技术背景的人,通过简单的学习,就能够设计、开发和使用地理数据分析应用。L7 把各领域的专业技术进行抽象封装,将简单和便捷留给用户,降低使用门槛,打造简单易用的地理可视化引擎。即使没有地理可视化专业背景,也可以快速搭建地理可视化分析应用,突破地理数据专业门槛,人人都能玩转地理数据。

    L7 2.0 版本特性

    • 数据驱动可视化展示
      数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。
    • 2D,3D 一体化的海量数据高性能渲染
      百万级空间数据实时,动态渲染。
    • 简单灵活的数据接入
      支持 CSV,JSON,geojson 等数据格式接入,可以根据需求自定义数据格式,无需复杂的空间数据转换。
    • 多地图底图支持,支持离线内网部署

    高德地图国内合法合规的地理底图,Mapbox 满足国际化业务需求。

    特性详细介绍

    多地图底图支持

    L7 专注地理可视化层的设计和研发,地图底图使用第三方服务,相比 1.x 版本,2.0 版本新增了多地图支持,可以在高德地图和 MapBox 地图之间无缝切换,国内的业务场景可以使用安全合规的高德地图方案,国际化或者离线部署需求可以采用 MapBox 方案。同时在 2.0 新架构体系下可以更好地扩展其它地图。

    创建 L7 实例时,我们只需要指定地图类型 Type 设置为 amap 或者 mapbox 即可完成初始化。

    const scene = new Scene({
      id: 'map',
      token:'****XXXX', //对应的 map 的 key or token
      center: [103.837,1.3602],
      pitch:  4.,
      zoom: 10.,
      rotation: 19.,
      type: 'mapbox' // amap,
      style: 'light',
    });
    

    简单的语法,灵活的数据接入

    L7 地理可视化设计思想以图形符号学为基础,以点、线、面基础元素为核心,通过颜色、大小、形状、纹理、动画几个维度的数据映射,实现千变万化的图形展示。

    我们的 demo 展示了如何绘制一个简单气泡图,右侧代码展示了具体的实现。
    2019-11-18 10-33-35.2019-11-18 10_39_41.gif
     
     根据数据字段我们还可以使用 size、color、shape 方法进行数据映射,进而实现千变万化的展示。
    shape.gif

    丰富的地理图表类型

    丰富的图表类型满足你业务上不同数据、不同目的可视化展示需求。

    点图层**

    根据点数据的可视化使用场景,我们将点数据表达方式进行了详细划分。目前分为:气泡图、散点图、符号地图、3D 柱状地图、聚合地图、复合图表地图和自定义 Marker 共 7 种基本类型。
    point_light.png
    浅色主题不同样式的点图层展示

    point_dark.gif

    线图层

    • 路径地图
    • 弧线,支持 2D 弧线、3D 弧线以及大圆航线
    • 等值线

    image.png
    线图层不同效果展示

    line2.png

    面图层

    • 填充图
    • 3D 填充图

    填充图通常用来表达区域范围具有分级现象的聚合面状分布,常以颜色或底纹填充的图斑,如:风险等级划分、降水量划分,等等
    polygon.png

    填充图我们还可以将数据按照高度、颜色进行映射,实现 3D 可视化效果。
    polygon3d.png

    热力图

    热力图分为经典热力图、蜂窝热力图和网格热力图,可以支持 2D、3D 两种方式展示,满足不同场景数据聚合统计需求

    • 经典热力图
      提供 2D、3D 两个版本

    heatmap.png

    • 蜂窝、网格热力图
      目前 L7 提供了蜂窝和网格两种数据聚合算法,将离散的点数据根据距离以蜂窝六边形和网格四边形为基础单元聚合,聚合后的结果还可设置成不同的形状进行展示。

    gird.png

    主题

    针对地图可视化黑白两种通用场景,L7 在地理设计上做了很多具体实践案例,追求做到数据准确,可信,美。

    黑白两种可视化主题

    dark_light.gif

    L7 2.0 Roadmap

    lcb.png

    L7 是开源地理可视化引擎,在符合 MIT 开源协议要求下可以完全免费的构造自己地理可视化应用,此次发布为 L7 2.0 beta 版本,主要体现 L7 空间数据的可视化展现能力,正式版本我们将补充交互能力和动画能力,届时可以制作更丰富的可视化效果,多维度可视化空间数据。

    结语

    通过地理可视化我们可以将各种数据、信息转化成更易于理解的地图形式,赋予地理数据新的活力。地图不仅能够整合我们的现有知识,还能帮助我们更好运用这些数据,赋予我们认识世界的全新视角。

    L7 将不断增强空间数据的表达能力,可视化交互体验。同时我们也会推出通用业务的场景的解决方案,例如:以行政区划为核心的地理统计图;地理空间数据和关系数据图计算相结合的可视化方案;与空间数据库,云计算平台相结合的地理数据实时计算分析可视化解决方案。

    更多技术细节,详细进展,请关注 GitHub,欢迎大家来给点点 Star,让更多人看到这个开源的项目。

    2 条回复    2019-11-26 17:08:41 +08:00
    lzxue
        1
    lzxue  
    OP
       2019-11-26 17:00:33 +08:00
    imn1
        2
    imn1  
       2019-11-26 17:08:41 +08:00
    你这个要多图预警啊
    nlark.com 是哪里的 cdn,加载好慢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3254 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:29 · PVG 20:29 · LAX 04:29 · JFK 07:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.