七安
最浪漫不过与你并肩看夕阳~
WebGIS学习资源推荐（包含学习路线、软件和数据资源推荐）
写在前面
很多人对于WebGIS不是很熟悉，尤其是刚接触WebGIS的开发人员来说，感觉这东西漫无边际，不知道如何下手，所以本篇文章就结合自己的开发和学习经验，给大家推荐一下学习路线和相关的学习资源。
首先直接上一张学习路线图，图中绿标的知识必须要掌握。
学习资源推荐
1、Web开发方面
1.1、Web开发基础知识学习资源
Web开发基础知识无非就是前端三剑客：HTML、CSS、JavaScript。对于这三块知识学习的话，其实重点和难点还是在CSS和JS这两块，以下是一些推荐的学习网站和资源书籍，供大家学习。
网址：https://www.w3school.com.cn/index.html
资源类型：文档资料
推荐理由：w3school网站应该是每一位前端小白接触到的第一个学习网站，里面有比较丰富的关于Web相关的技术学习资料，但是在这里我们只需要关心和学习网站里HTML、CSS、JavaScript三块的知识即可，如下：
网址：https://www.runoob.com/
资源类型：文档资料
推荐理由：同w3school网站一样，也是很多前端小白接触到的第一个学习网站，不过跟w3school相比的话，里面的学习资料更多。同样的，这里我们只需要关心和学习网站里HTML、CSS、JavaScript三块的知识即可，如下：
网址：https://developer.mozilla.org/zh-CN/
资源类型：文档类型
推荐理由：Web开发领域最权威的开发指南，对新手来说不太友好，更加适合于有一定经验、需要进阶的前端开发者。同样，仅关注里面的HTML、CSS、JavaScript三块的知识即可，如下：
网址：https://zh.javascript.info/
资源类型：文档资源
推荐理由：想要在Web开发领域或者WebGIS开发领域走得长久，JavaScript技术能力一定要过关，此网站里的教程文档都是结合目前为止所有的JS新特性和新语法来编写，学习完这里的资料，能让你在JS领域青春永驻。
网址：https://space.bilibili.com/282190994/
资源类型：视频类型
推荐理由：B站视频，免费，里面的课程更加贴合于实战开发。
6、如果资金充裕的话，也可以购买慕课网上的一些入门视频，对刚入门的新手也是很有帮助的，此处就不推荐过多的课程了。
资源类型：书籍资源
推荐理由：CSS一姐Lea Verou作品！近年来最重要的CSS技术书！全新解答网页设计经典难题！这三个理由足够了。
资源类型：书籍资源
推荐理由：俗称“JS红宝书”，800多页的著作，可以当做字典来用。
1.2、Web开发框架学习资源（进阶）
官网网址：https://cn.vuejs.org/
资源类型：文档资源
推荐理由：相信我，对于Vue的学习来说，没有任何一份学习资源比它自己的官网文档更加详细，更加容易解读。如果想学习Vue，直接阅读其官网文档就足够了。
官网网址：https://reactjs.org/
资源类型：文档资源推荐理由：跟Vue相似，官网文档也是最权威的文档，但是react官网文档默认是英文文档，中文文档有些理解起来容易有歧义，建议学习是官网文档作参考。
网址：https://space.bilibili.com/165659472/
资源类型：视频资源
推荐理由：不管是学习Vue还是React，跟着技术胖撸一遍就完事了，免费、全面、贴合与实战开发。
2、GIS开发方面
1、GIS理论知识
- 《地理信息系统导论》
- 《地理信息技术实训系列教程:地理信息系统基实验操作100例》
- 基本数据类型：矢量数据、栅格数据、空间数据等等的含义
- 地理坐标系和投影坐标系，以及两类之间各种常用坐标系的转换
2、GIS开发资源
网址：http://lbsyun.baidu.com/index.php?title=jspopularGL
资源类型：文档资源
推荐理由：想学习WebGIS开发的话，如果学习完了Web开发方面的知识，那对于GIS开发来说，要学习的就是一些地图库了，说白了就是要学习各个地图库给开发者提供的一些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接口即可。
网址：https://developers.arcgis.com/javascript/
资源类型：文档资源
推荐理由：免费使用。前三个地图JS库仅仅是一个开发所需要的库而已，但是ArcGIS提供了从数据生产、处理、入库、发布到服务端、前端调用、渲染、分析一整套的软件和解决方案，所以通过学习ArcGIS API for JavaScript这个开发包，你会对WebGIS一整套的项目工程搭建有一个完整的认识。
网址：https://openlayers.org/
资源类型：文档资源
推荐理由：开源、免费。但是由于是开源的一个地图开发库，所以当你在遇到问题时只能去社区里提问，没有相应的技术售后人员提供专业的技术支持，所以新手还是勿碰。
网址：
https://threejs.org/（Three.js）
https://cesium.com/cesiumjs/（CesiumJS）
资源类型：文档资源
推荐理由：WebGIS中如果需要三维场景的话，除了ArcGIS API for JavaScript之外的候选项，开源、免费，但是由于是英文文档并且三维本身就比较难，所以新手勿碰，但可以尝鲜。
2.6、以上关于介绍的地图JS库都是文档型的，如果大家喜欢看视频的话建议去B站找找免费的视频看看，毕竟GIS是个小众行业，涉及到开发的话就更小众了，所以为了节省大家时间，还是建议学习ArcGIS API for JavaScript吧，毕竟出了问题的话可以找我啊，哈哈。
3、数据资源
网址：http://www.resdc.cn/Default.aspx
推荐理由：做WebGIS肯定需要自己动手处理和发布一些必要的数据，例如行政区划、夜间灯光遥感数据、河流数据、路网数据等，这些数据直接在网上不好找，那么就可以去这个网站来下载，目前来看上面的数据还是比较全的，够我们学习使用了。
网址：
http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
推荐理由：可以在此网站上下载到某个行政区的geojson数据，很方便。
网址：http://www.gscloud.cn/
推荐理由：在这里遥感影像数据基本都有，需要用到影像数据的话可以在这上面找找。
网址：http://map.geoq.cn/arcgis/rest/services
推荐理由：上面的服务地址目录下提供了6个即拿即用的地图服务，不需要我们自己找数据发布，而且地图数据都是中文版、还有暗夜版、暖色版、灰色版、移动端专用底图等。
网址：http://lbs.tianditu.gov.cn/server/MapService.html
推荐理由：在国内来说，专业度很高的地图服务了，如果是做政府的线上项目的话，建议看看国家天地图提供的这些地图服务。
4、软件资源
地址：
https://www.esri.com/zh-cn/arcgis/products/arcgis-pro/trial（ArcGIS Pro 在线申请试用）
https://www.arcgis.com/home/index.html（ArcGIS Online ）
推荐理由：前面说了，ArcGIS在一个WebGIS项目中，分别在数据生产、处理、入库、发布到服务端、前端调用、渲染、分析一整套流程中提供了全方位的支持，个人学习使用的话使用上面两个地址申请两个账号后即可使用，同时有成熟的技术社区为我们解答疑惑。
网址：https://www.qgis.org/en/site/
推荐理由：开源、免费。也是一款很优秀的GIS软件。
图片中的序号1，2，3是学完当前的1立刻学对应的2，还是说学完所有的1再学2然后再学3。
@大学生小白 红色标记的都要学，没有顺序可言，同时学习，一般而言先学html css js，然后其余红色的同时学。
@qianwen 好，感谢博主
现在好犹豫是走GIS开发还是应用，应用的话就是博主说的Webgis吧，开发应该是搞算法的，偏向后端，小白在犹豫中，望博主解答
@大学生小白 GIS这块大的方向就两个：数据处理和开发，开发又细分为应用开发（俗称做项目）和研发。数据处理岗基本整天就是跟数据打交道，大学期间应该也做类似的课程实习之类的吧，没啥好介绍的。开发的话基本很多GIS公司招的WebGIS岗位或者GIS开发岗位都是在招应用开发，也就是招进去之后做项目，打一炮换个地继续打，研发岗位的话是你了解的搞算法这类的，不过国内真正做GIS研发的公司少之又少，感兴趣的话可以了解下超图研究院、易智瑞研发中心、ESRI研发中心这种，如果能进去，待遇还是可以。
@qianwen 好的，有一说一博主回答真的快。现在地信的大学生基本都没什么规划的，对于专业了解的不多，以后肯定把这个网站推荐给身边的人
@大学生小白 好呢，感谢。