WebGIS学习资源推荐（包含学习路线、软件和数据资源推荐）

X北辰北

发布于 2022-03-15 20:37:39

3.2K0

发布于 2022-03-15 20:37:39

文章被收录于专栏：ArcGIS JS API开发ArcGIS JS API开发

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

写在前面

首先直接上一张学习路线图，图中绿标的知识必须要掌握。

学习资源推荐

1、Web开发方面

1.1、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多页的著作，可以当做字典来用。

1.2、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，跟着技术胖撸一遍就完事了，免费、全面、贴合与实战开发。

2、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（](https://lbs.amap.com/api/javascript-api/summary（gao'de'di'tu)高德地图JS API ）[https://lbs.qq.com/webApi/javascriptGL/glGuide/glOverview（](https://lbs.qq.com/webApi/javascriptGL/glGuide/glOverview（teng'xun)腾讯地图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一整套的项目工程搭建有一个完整的认识。