shengzheng1981 / green-gis-api-lesson

Green GIS API Lesson & Demo

Green GIS JS API Lesson

课程索引

1. 基础图形学———建立基本图形，并在画布实现绘制以及缩放、漫游等基本交互。
2. 迈入GIS———加入地图投影，实现经纬度与平面坐标转换，并叠加高德底图。
3. 分层组织———建立图层概念，深入GIS核心**，添加渲染符号，以实现图层分类或分级渲染。
4. 矢量要素———对接GeoJSON格式数据，读取加载矢量要素，并进行分层组织。
5. 叠加底图———扩展地图投影，内置坐标偏移，以适配高德、百度、谷歌等三方公众地图作为底图进行叠加。
6. 符号重构———重构渲染逻辑，实现符号渲染多态，并实现要素聚合渲染。
7. 地图标注———地图标注及冲突检测，重点关注实现思路，保持多态，增加扩展性。
8. 事件交互———地图要素事件交互（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 .

License

MIT © Sheng Zheng