2024WebGIS新手必看学习攻略（1）

1、新手人群

一般来说，学习WebGIS开发的人员有两类。

• 其中较为庞大的群体是3S（GIS、RS、GNSS）及相关专业的学生；

• 另一类是计算机专业的学生

还有一些其他专业的人士也对进入 WebGIS 开发行业感兴趣，这里不多赘述。

这里重点讲述作为3S专业的学生学习WebGIS的方法和路线。

通常，3S专业的学生在大学期间学习了多门相关课程，如：

• C语言程序设计与开发

• 地理信息系统概论

• GIS 设计与开发

• 面向对象设计与开发

• 网页设计与制作

• 人工智能与专家系统

• 遥感地学分析

• 空间数据库和关系数据库等

2、编程语言和基础

大家在学校所接触的编程语言也有多种，从C语言到C++、C#、Java等，相信大家都有所接触，其他专业的没接触过的也至少所有耳闻。

但是，这里要跟大家重点说明，毕竟编程语言的选择，非常重要！

虽然C语言是一种面向过程的语言，但在学习WebGIS时，我们主要需要理解面向对象的概念，其次也需要了解函数、类等概念。

一般来说，GIS专业的本科生，通过大学课程的学习，已经掌握了一些 GIS 的理论知识，如：地理信息系统的组成、地理空间数据获取、地理空间数据表达、地理空间数据处理、地理空间数据管理、地理空间数据分析、地图制图与空间可视化等。

同时，也掌握了一些桌面GIS软件，例如ArcGIS、ArcMap的使用。

所有这些理论知识为将来学习WebGIS奠定了基础。

如果有不了解GIS相关的基本知识，很难进行GIS开发；与此同时，WebGIS本质上是基于Web端的地图可视化应用，因此，我们还需要了解Web的基本概念和相关知识。

3、WebGIS的入门知识

学习WebGIS开发时，我们首先要接触的是Web端开发语言，可能说到这里，很多小伙伴都知道，我们要学习HTML、CSS和JavaScript等前端编程语言。

其中，HTML和CSS相对简单，比较容易上手。

大家可以利用新中地给出的智慧校园、智慧交通等包含前端编程的课程熟悉这几种语言。

学完以后，我们可以很快掌握如何搭建一个网站，并在项目中用我们搭建的网站实现一些功能。

如下图所示：

学生第一阶段作品

新中地学生第一阶段作品

学完HTML\CSS，接下来就是JavaScript，JS相对较难，需要我们花费更多的精力学习。

JS也是我们需要重点掌握的内容，因为如果不熟练掌握JavaScript，后续将很难在项目中进行灵活运用。

下面是一些新中地学员的JS作业：

新中地天气网页

可视化作业

到此，大家一定对这些语言有一定的了解，接下来，就能初步了解WebGIS开发的基本知识。

当然，后续我们还需要学习更多内容，因为WebGIS开发有很多形式。例如，有些人使用ArcGIS for JS API进行开发，有些人使用OpenLayers，还有人使用Mapbox GL或Cesium。

虽然上述内容的开发形式不同，但都属于WebGIS开发，并且都是通过调用封装好的类、属性和方法来实现的，其底层逻辑是可以融会贯通的。

4、WebGIS框架

这一点我们之前重点讲过，没看过的小伙伴可以看下面的详细介绍：

这里我大致提一下，WebGIS开发的引擎分为四大类：

1）Charts可视化图表

主要负责可视化功能，以D3.js，Echarts等为代表。

2）LBS地图开放平台

LBS就是Location Based Service，国内的LBS以高德/谷歌/百度/天地图等为代表。

3）WebGIS商业API

这类也是工作中比较常见的，例如ESRI的ArcGIS API For JS，超图的IClient，中地数码的MapGIS Client for JS，都属于商业API。

4）WebGIS开源API:

开源框架是目前使用最多最广泛的，比较出名的就有Leaflet，OpenLayers，Cesium，MapboxGL等。

看到这里，相信新手已经对自己要学习的内容有所了解，接下来就开始我们的WebGIS开发学习之旅吧！

（由于内容太多，分几期更新，记得持续关注我！

也可以戳下面的卡片领取webgis入门课程↓↓↓↓↓）

免费领取GIS开发相关学习资料https://www.wjx.cn/vm/eqvTtp6.aspx# 

智慧校园：零基础可学实战项目

第一章GIS开发概述

第1节-什么是GIS开发

第2节-WebGIS开发

第3节-如何学习webGIS开发

第4节-GIS平台

第5节-术语与名词

第二章开发环境搭建

第1节-开发软件

第2节-高德开放平台

第三章Web开发篇

第1节-HTML快速入门

第2节-CSS快速入门

第3节-JavaScript快速入门

第四章WebGIS开发

第1节-开发准备

第2节-地图显示

第3节-地图控件

第4节-点标记

第5节-几何计算

第6节-GeoJSON

第五章实战案例

第1节需求分析

第2节设计方案

第3节具体实现

由一线工程师研发和授课，适用于WebGIS开发小白、GIS专业学生以及任何对GIS开发感兴趣的人群。专栏内容包括GIS开发基础知识、开发环境搭建、Web开发基础、WebGIS开发、开发实战案例等内容。

智慧交通实战项目

领取完整版二三维WebGIS开发课程https://www.wjx.cn/vm/YMlZWRN.aspx#