[教程] L7 地理可视化教程- 00教程简介

431 阅读2分钟

目的

本系列教程一个目的是

  • 推广开源地理可视化引擎 L7 技术栈,扩展 L7 技术生态
  • 为广大 GIS 领域想做技术的同学提供个学习的渠道和指引,技术的道路上少走弯路
  • 为非GIS 领域的前端学习,提供了解地理、地图相关的方案
  • 以可视化技术为起点,学习 GIS 开源技术,提高技术深度

本系列教程包含图文教程和视频教程两部,内容一致,教程内容会持续更新,也欢迎大家及时反馈,需要学习哪些课程都可以反馈。

L7 简介

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

学习本教程基础知识

  • 前端基础JS、CSS、Html 必须

没基础可以先学,上手非常快,CSS HTML 看一遍文档既可使用,JS 看文档加练习既可使用。

Javascript

es6.ruanyifeng.com/

CSS

www.runoob.com/css/css-tut…

HTML

www.runoob.com/html/html-t…

  • npm 、node 使用基础 可选
  • React/vue/anglar 可选

学完本教程的收益

  • 地理数据可视化能力方案会有深刻的理解
  • 能够进行基础的空间数据处理
  • 能够进行基础数据的可视化
  • 能够独立开发位置位置分析应用
  • 熟悉使用开源技术,并能够贡献代码

教程大纲

目前教学大纲侧重可视化基础能力,后续会增加数据处理,应用相关的课程。

  • 地理可视化背景、L7 介绍、当前业界可视化简介
  • 使用 L7 绘制的基础概念,如何把 L7 引入项目,scene、map、layer 的相关概念
  • 图形语法、source/shape/size/color/style 等 layer 方法的一般使用逻辑
  • 点图层的使用
    • fill 模式、circle/square/triangle 等,以及相关的 style
    • 3D 柱图、相关的 style
    • 符号图
    • 文本标注
    • iconfont 标注
    • 聚合图、cluster
    • 水波点、雷达图、简单点、亮度图
  • 线图层的使用
    • 普通线
    • 弧线
    • 简单线/大圆弧线
    • 地理围墙
  • 面图层的使用
    • 2D 填充面
    • 3D 挤出面
    • 蒙层
    • 水面特效图层
  • 热力图层的使用
    • 经典热力的使用
    • 网格热力/蜂窝热力
  • 自定义图层的使用
  • L7 组件的基本使用
    • Popup/Marker 控件
    • control 控件
  • 图片图层/栅格图层
  • 其他
    • 城市建筑
    • 风场图层
    • 后处理能力
    • ThreeJS 接入