Code Monkey home page Code Monkey logo

green-gis-api-lesson's Introduction

Green GIS JS API Lesson

课程索引

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

常用命令

  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

green-gis-api-lesson's People

Contributors

shengzheng1981 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.