目的
本系列教程一个目的是
- 推广开源地理可视化引擎 L7 技术栈,扩展 L7 技术生态
- 为广大 GIS 领域想做技术的同学提供个学习的渠道和指引,技术的道路上少走弯路
- 为非GIS 领域的前端学习,提供了解地理、地图相关的方案
- 以可视化技术为起点,学习 GIS 开源技术,提高技术深度
本系列教程包含图文教程和视频教程两部,内容一致,教程内容会持续更新,也欢迎大家及时反馈,需要学习哪些课程都可以反馈。
L7 简介
L7 是由蚂蚁集团 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发引擎。L7 专注于空间数据的可视化表达。图形符号学为理论基础,将抽象复杂的空间数据转化成 2D、3D 符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。
学习本教程基础知识
- 前端基础JS、CSS、Html 必须
没基础可以先学,上手非常快,CSS HTML 看一遍文档既可使用,JS 看文档加练习既可使用。
Javascript
CSS
HTML
- 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 接入