# green-gis-api-lesson

**Repository Path**: geolyc/green-gis-api-lesson

## Basic Information

- **Project Name**: green-gis-api-lesson
- **Description**: Green GIS API Lesson & Demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-20
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Green GIS JS API Lesson

## 课程索引
1. [基础图形学](https://www.zhihu.com/zvideo/1267591401581178880)———建立基本图形，并在画布实现绘制以及缩放、漫游等基本交互。
2. [迈入GIS](https://www.zhihu.com/zvideo/1267932081923055616)———加入地图投影，实现经纬度与平面坐标转换，并叠加高德底图。
3. [分层组织](https://www.zhihu.com/zvideo/1270489178791985152)———建立图层概念，深入GIS核心思想，添加渲染符号，以实现图层分类或分级渲染。
4. [矢量要素](https://www.zhihu.com/zvideo/1272872863801307136)———对接GeoJSON格式数据，读取加载矢量要素，并进行分层组织。
5. [叠加底图](https://www.zhihu.com/zvideo/1274848555132551168)———扩展地图投影，内置坐标偏移，以适配高德、百度、谷歌等三方公众地图作为底图进行叠加。
6. [符号重构](https://www.zhihu.com/zvideo/1275573396878245888)———重构渲染逻辑，实现符号渲染多态，并实现要素聚合渲染。
7. [地图标注](https://www.zhihu.com/zvideo/1277937967508979712)———地图标注及冲突检测，重点关注实现思路，保持多态，增加扩展性。
8. [事件交互](https://www.zhihu.com/zvideo/1280900616571330560)———地图要素事件交互（interactive），要素点击(click)以及要素悬停(mouseover & mouseout)的实现。

## 常用命令
1. 进入某课程: cd lesson1
2. 编译ts: tsc
3. 进入该课程示例: cd demo
4. 打包示例: webpack
5. 调试（针对VSCode，WebStorm可直接运行调试）: 安装Debugger for Chrome, 对于存在文件访问跨域问题，可再安装npm install serve

## 注意事项
1. 部分GeoJSON数据未上传，请自行准备测试数据。

## Blog & Article
More Sample And Information: [Re-learning GIS](https://zhuanlan.zhihu.com/c_165676639) .

## License
[MIT](LICENSE) © Sheng Zheng