- 基础图形学———建立基本图形,并在画布实现绘制以及缩放、漫游等基本交互。
- 迈入GIS———加入地图投影,实现经纬度与平面坐标转换,并叠加高德底图。
- 分层组织———建立图层概念,深入GIS核心思想,添加渲染符号,以实现图层分类或分级渲染。
- 矢量要素———对接GeoJSON格式数据,读取加载矢量要素,并进行分层组织。
- 叠加底图———扩展地图投影,内置坐标偏移,以适配高德、百度、谷歌等三方公众地图作为底图进行叠加。
- 符号重构———重构渲染逻辑,实现符号渲染多态,并实现要素聚合渲染。
- 地图标注———地图标注及冲突检测,重点关注实现思路,保持多态,增加扩展性。
- 事件交互———地图要素事件交互(interactive),要素点击(click)以及要素悬停(mouseover & mouseout)的实现。
- 进入某课程: cd lesson1
- 编译ts: tsc
- 进入该课程示例: cd demo
- 打包示例: webpack
- 调试(针对VSCode,WebStorm可直接运行调试): 安装Debugger for Chrome, 对于存在文件访问跨域问题,可再安装npm install serve
- 部分GeoJSON数据未上传,请自行准备测试数据。
More Sample And Information: Re-learning GIS .
MIT © Sheng Zheng