0%

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

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

写在前面

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

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

img

学习资源推荐

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三块的知识即可,如下:

img

2、菜鸟教程

网址:https://www.runoob.com/

资源类型:文档资料

推荐理由:同w3school网站一样,也是很多前端小白接触到的第一个学习网站,不过跟w3school相比的话,里面的学习资料更多。同样的,这里我们只需要关心和学习网站里HTML、CSS、JavaScript三块的知识即可,如下:

img

3、MDN

网址:https://developer.mozilla.org/zh-CN/

资源类型:文档类型

推荐理由:Web开发领域最权威的开发指南,对新手来说不太友好,更加适合于有一定经验、需要进阶的前端开发者。同样,仅关注里面的HTML、CSS、JavaScript三块的知识即可,如下:

img

4、现代JavaScript教程

网址:https://zh.javascript.info/

资源类型:文档资源

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

img

5、B站【后盾人教程】

网址:https://space.bilibili.com/282190994/

资源类型:视频类型

推荐理由:B站视频,免费,里面的课程更加贴合于实战开发。

img

6、如果资金充裕的话,也可以购买慕课网上的一些入门视频,对刚入门的新手也是很有帮助的,此处就不推荐过多的课程了。

7、《CSS揭秘》

资源类型:书籍资源

推荐理由:CSS一姐Lea Verou作品!近年来最重要的CSS技术书!全新解答网页设计经典难题!这三个理由足够了。

img

8、《JavaScript高级程序设计,第4版》

资源类型:书籍资源

推荐理由:俗称“JS红宝书”,800多页的著作,可以当做字典来用。

img

1.2、Web开发框架学习资源(进阶)
1、Vue

官网网址:https://cn.vuejs.org/

资源类型:文档资源

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

img

2、React

官网网址:https://reactjs.org/

资源类型:文档资源推荐理由:跟Vue相似,官网文档也是最权威的文档,但是react官网文档默认是英文文档,中文文档有些理解起来容易有歧义,建议学习是官网文档作参考。

img

3、B站【技术胖】

网址:https://space.bilibili.com/165659472/

资源类型:视频资源

推荐理由:不管是学习Vue还是React,跟着技术胖撸一遍就完事了,免费、全面、贴合与实战开发。

img

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无疑是最好的入门学习资料了,因为它的文档是中文的,跟着文档从头开始阅读学习的话,可以很容易的创建一个地图应用。

img

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接口即可。

img

img

2.3、ArcGIS API for JavaScript

网址:https://developers.arcgis.com/javascript/

资源类型:文档资源

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

img

2.4、OpenLayers

网址:https://openlayers.org/

资源类型:文档资源

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

img

2.5、Three.js和CesiumJS

网址:https://threejs.org/(Three.js)https://cesium.com/cesiumjs/(CesiumJS)

资源类型:文档资源

推荐理由:WebGIS中如果需要三维场景的话,除了ArcGIS API for JavaScript之外的候选项,开源、免费,但是由于是英文文档并且三维本身就比较难,所以新手勿碰,但可以尝鲜。

img

img

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

3、数据资源

3.1、资源环境科学与数据中心

网址:http://www.resdc.cn/Default.aspx

推荐理由:做WebGIS肯定需要自己动手处理和发布一些必要的数据,例如行政区划、夜间灯光遥感数据、河流数据、路网数据等,这些数据直接在网上不好找,那么就可以去这个网站来下载,目前来看上面的数据还是比较全的,够我们学习使用了。

img

3.2、地图选择器

网址:http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5

推荐理由:可以在此网站上下载到某个行政区的geojson数据,很方便。

img

3.3、地理空间数据云

网址:http://www.gscloud.cn/

推荐理由:在这里遥感影像数据基本都有,需要用到影像数据的话可以在这上面找找。

img

3.4、直接发布好的服务
A、捷泰的底图数据服务:

网址:http://map.geoq.cn/arcgis/rest/services

推荐理由:上面的服务地址目录下提供了6个即拿即用的地图服务,不需要我们自己找数据发布,而且地图数据都是中文版、还有暗夜版、暖色版、灰色版、移动端专用底图等。

img

B、国家天地图服务

网址:http://lbs.tianditu.gov.cn/server/MapService.html

推荐理由:在国内来说,专业度很高的地图服务了,如果是做政府的线上项目的话,建议看看国家天地图提供的这些地图服务。

img

4、软件资源

4.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项目中,分别在数据生产、处理、入库、发布到服务端、前端调用、渲染、分析一整套流程中提供了全方位的支持,个人学习使用的话使用上面两个地址申请两个账号后即可使用,同时有成熟的技术社区为我们解答疑惑。

img

img

4.2、QGIS

网址:https://www.qgis.org/en/site/

推荐理由:开源、免费。也是一款很优秀的GIS软件。

img