WebGIS学习资源（学习路线、软件和数据资源）

WebGIS学习资源（学习路线、软件和数据资源）

很多人对于WebGIS不是很熟悉，尤其是刚接触WebGIS的开发人员来说，感觉这东西漫无边际，不知道如何下手，所以本篇文章就结合自己的开发和学习经验，给大家推荐一下学习路线和相关的学习资源。
首先直接上一张学习路线图，图中绿标的知识必须要掌握。

学习资源:
一. Web开发基础知识学习资源
Web开发基础知识无非就是前端三剑客：HTML、CSS、JavaScript。对于这三块知识学习的话，其实重点和难点还是在CSS和JS这两块，以下是一些推荐的学习网站和资源书籍，供大家学习。
1、w3school
网址：https://www.w3school.com.cn/index.html
推荐理由：w3school网站应该是每一位前端小白接触到的第一个学习网站，里面有比较丰富的关于Web相关的技术学习资料，但是在这里我们只需要关心和学习网站里HTML、CSS、JavaScript三块的知识即可，如下：

2、菜鸟教程
网址：https://www.runoob.com/
推荐理由：同w3school网站一样，也是很多前端小白接触到的第一个学习网站，不过跟w3school相比的话，里面的学习资料更多。同样的，这里我们只需要关心和学习网站里HTML、CSS、JavaScript三块的知识即可，如下：
3、MDN
网址：https://developer.mozilla.org/zh-CN/
推荐理由：Web开发领域最权威的开发指南，对新手来说不太友好，更加适合于有一定经验、需要进阶的前端开发者。同样，仅关注里面的HTML、CSS、JavaScript三块的知识即可，如下：

4、现代JavaScript教程
网址：https://zh.javascript.info/
推荐理由：想要在Web开发领域或者WebGIS开发领域走得长久，JavaScript技术能力一定要过关，此网站里的教程文档都是结合目前为止所有的JS新特性和新语法来编写，学习完这里的资料，能让你在JS领域青春永驻。

5、B站【后盾人教程】
网址：https://space.bilibili.com/282190994/
推荐理由：B站视频，免费，里面的课程更加贴合于实战开发。

6、如果资金充裕的话，也可以购买慕课网上的一些入门视频，对刚入门的新手也是很有帮助的，此处就不推荐过多的课程了。
7、《CSS揭秘》
推荐理由：CSS一姐Lea Verou作品！近年来最重要的CSS技术书！全新解答网页设计经典难题！这三个理由足够了。

8、《JavaScript高级程序设计，第4版》
推荐理由：俗称“JS红宝书”，800多页的著作，可以当做字典来用。

二、 Web开发进阶知识学习资源（框架）

1、Vue官网
网址：https://cn.vuejs.org/
推荐理由：相信我，对于Vue的学习来说，没有任何一份学习资源比它自己的官网文档更加详细，更加容易解读。如果想学习Vue，直接阅读其官网文档就足够了。

2、React官网
网址：https://reactjs.org/
推荐理由：跟Vue相似，官网文档也是最权威的文档，但是react官网文档默认是英文文档，中文文档有些理解起来容易有歧义，建议学习是官网文档作参考。

3、B站【技术胖】
网址：https://space.bilibili.com/165659472/
推荐理由：不管是学习Vue还是React，跟着技术胖撸一遍就完事了，免费、全面、贴合与实战开发。

三、 GIS开发资源学习
1、GIS理论知识
1.1、推荐书籍
《地理信息系统导论》
《地理信息技术实训系列教程:地理信息系统基础实验操作100例》
1.2、需要了解的知识点
基本数据类型：矢量数据、栅格数据、空间数据等等的含义
地理坐标系和投影坐标系，以及两类之间各种常用坐标系的转换
2、GIS开发资源
2.1、百度地图JavaScript API
网址：http://lbsyun.baidu.com/index.php?title=jspopularGL
推荐理由：想学习WebGIS开发的话，如果学习完了Web开发方面的知识，那对于GIS开发来说，要学习的就是一些地图库了，说白了就是要学习各个地图库给开发者提供的一些API的调用。对于新手来说，百度地图API无疑是最好的入门学习资料了，因为它的文档是中文的，跟着文档从头开始阅读学习的话，可以很容易的创建一个地图应用。

2.2、高德地图API、腾讯地图API等
网址：
https://lbs.amap.com/api/javascript-api/summary（高德地图JS API ）
https://lbs.qq.com/webApi/javascriptGL/glGuide/glOverview（腾讯地图JS API ）
推荐理由：同百度地图JS API一样，文档都是中文，学习起来不会有很大的压力，按照文档指引都可以创建一个webgis应用示例，而且通过学习三个不同的地图库，让新手对于WebGIS开发中的GIS开发这块有一定的认识，换句话说：能逐渐理解什么是地图JS库，说白了就是人家写好的开发包，你只需要调用里面的API接口即可。


2.3、ArcGIS API for JavaScript
网址：https://developers.arcgis.com/javascript/
推荐理由：免费使用。前三个地图JS库仅仅是一个开发所需要的库而已，但是ArcGIS提供了从数据生产、处理、入库、发布到服务端、前端调用、渲染、分析一整套的软件和解决方案，所以通过学习ArcGIS API for JavaScript这个开发包，你会对WebGIS一整套的项目工程搭建有一个完整的认识。

2.4、OpenLayers
网址：https://openlayers.org/
推荐理由：开源、免费。但是由于是开源的一个地图开发库，所以当你在遇到问题时只能去社区里提问，没有相应的技术售后人员提供专业的技术支持，所以新手还是勿碰。

2.5、Three.js和CesiumJS
网址：
https://threejs.org/（Three.js）
https://cesium.com/cesiumjs/（CesiumJS）
推荐理由：WebGIS中如果需要三维场景的话，除了ArcGIS API for JavaScript之外的候选项，开源、免费，但是由于是英文文档并且三维本身就比较难，所以新手勿碰，但可以尝鲜。


2.6、以上关于介绍的地图JS库都是文档型的，如果大家喜欢看视频的话建议去B站找找免费的视频看看，毕竟GIS是个小众行业，涉及到开发的话就更小众了，所以为了节省大家时间，还是建议学习ArcGIS API for JavaScript吧。

四、 数据资源
1、资源环境科学与数据中心
网址：http://www.resdc.cn/Default.aspx
推荐理由：做WebGIS肯定需要自己动手处理和发布一些必要的数据，例如行政区划、夜间灯光遥感数据、河流数据、路网数据等，这些数据直接在网上不好找，那么就可以去这个网站来下载，目前来看上面的数据还是比较全的，够我们学习使用了。

2、地图选择器
网址：http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
推荐理由：可以在此网站上下载到某个行政区的geojson数据，很方便。

3、地理空间数据云
网址：http://www.gscloud.cn/
推荐理由：在这里遥感影像数据基本都有，需要用到影像数据的话可以在这上面找找。

4、直接发布好的服务
A、捷泰的底图数据服务：
网址：http://map.geoq.cn/arcgis/rest/services
推荐理由：上面的服务地址目录下提供了6个即拿即用的地图服务，不需要我们自己找数据发布，而且地图数据都是中文版、还有暗夜版、暖色版、灰色版、移动端专用底图等。

B、国家天地图服务
网址：http://lbs.tianditu.gov.cn/server/MapService.html
推荐理由：在国内来说，专业度很高的地图服务了，如果是做政府的线上项目的话，建议看看国家天地图提供的这些地图服务。

五、 软件资源

1、ArcGIS
地址：
https://www.esri.com/zh-cn/arcgis/products/arcgis-pro/trial（ArcGIS Pro在线申请试用）
https://www.arcgis.com/home/index.html（ArcGIS Online ）
推荐理由：前面说了，ArcGIS在一个WebGIS项目中，分别在数据生产、处理、入库、发布到服务端、前端调用、渲染、分析一整套流程中提供了全方位的支持，个人学习使用的话使用上面两个地址申请两个账号后即可使用，同时有成熟的技术社区为我们解答疑惑。

2、QGIS
网址：https://www.qgis.org/en/site/
推荐理由：开源、免费，也是很优秀的一款GIS软件。