Skip to content

shengzheng1981/green-gis-api-lesson

Repository files navigation

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