WebGis学习路线解析,小白如何上手GIS开发?
在了解地理空间应用程序开发之前,让我们了解一下GIS在各个行业中的作用
GIS的应用广泛
GIS行业实际上没有限制,人们可以在生活的各个领域找到可以GIS的身影。事实上,GIS包含的三大元素,地理、位置、信息,只要跟这几点相关的产业,都会应用到GIS技术,包含现在大热的行业,都离不开GIS技术。
而为了适应科技不断的发展和更新,GIS从业者光靠GIS理论还远远不能适应市场的需求,目前国内有很多GIS软件,但具体应用到to C端,需要依赖网络编程技术来实现。
但如果缺乏地理信息方面的知识和分析能力,单靠编程也不能实现GIS技术的应用。所以,GIS技术+编程才是适应新时代GIS前沿技术发展趋势的最佳搭配!
当前,GIS开发就业方向众多,人才缺口大、内卷程度较低且发展成长的赛道较长。其就业方向包括但不限于以下:
1)国家政府成立的国企,从事城市规划、自然资源、地质矿产、农林业....项目的开发
2)承接政府项目的科技公司,从事智慧城市、智慧交通、智慧水利....项目的开发
3)大型互联网公司,从事导航、物流、位置定位....项目开发
4)新兴科技公司,从事元宇宙、虚拟游戏引擎、3D游戏....项目开发
GIS开发工程师岗位需求量大

GIS开发工程师岗位薪资可观
根据23年全国最新数据详情,GIS开发工程师招聘薪资如下:

此外,现在众多互联网应用中也在不断融合GIS相关业务,比如:高德、美团、滴滴、菜鸟物流、大众点评......包括近期非常热门的元宇宙、数字孪生等,都预示着GIS产业的巨大前景,GIS从业者的无限可能。
成为一名合格的GIS开发工程师,需要掌握哪些技能?


根据当前市场上对GIS开发岗的任职要求HTML5、CSS3、JavaScript、Vue2、Vue3、OpenLayers、Mapbox、three.js、Cesium、Echarts等均是行业亟需的热门前沿技术.而这些技术要点,新中地GIS开发特训营的课程内容均有所涉及。
GIS开发工程师的晋升路线
GIS开发有着完整的晋升路线,而通过学习,参加GIS开发特训营的学员,能达到中高级GIS开发工程师的水平。

全程学习安排

新中地最新三维GIS开发学习内容
课程内容大致分为下面几个阶段:
第一阶段: Web基础开发(HTML+CSS+JS)
第二阶段: Web进阶(Vue核心技能+大屏可视化)
第三阶段: WebGIS二维开发(Openlayer,Mapbox,公共开放平台,智慧交通系统)
第四阶段: WebGIS三维开发(三维建模blender,threejs, cesium,不动产项目实战)
第五阶段: WebGIS三维企业级实战(企业常用功能模块逐项突破)
01第一阶段:web基础阶段
1)HTML5
HTML负责web的结构, 是web技术的重要组成部分。本阶段从HTML的本质出发, 深入剖析HTML的组成, 帮助大家理解web系统的原理, 不仅介绍了HTML如何被浏览器解析并渲染, 更加深刻地分析了HTML设计背后的真相。
HTML本质
HTML组成
HTML语义化
布局元素
多媒体元素(超链接, 图片, 音频, 视频)
表单元素
表格元素
2)CSS3
本阶段从基本的CSS语法讲起, 结合众多效果案例, 夯实基础, 力图创新。通过精准的选择器, 控制页面元素的布局和效果, 结合CSS3的新特性(圆角, 阴影, 过渡, 渐变, 动画)美化网页, 最终达到编写企业级大型综合页面的要求。
选择器(包括nth-of-type,nth-of-child等)
文本属性
背景(包括background-size, background-clip等)
属性值的计算机制
视觉格式化模型
伪类与伪元素
flex布局与grid布局
媒体查询与响应式
过渡transition
变形transform
渐变
关键帧动画
预处理器(Less, Sass, Stylus)

3)JavaScript
JavaScript作为web前端唯一的开发语言, 负责web的逻辑与业务实现. 写代码做项目全靠它, 重中之重。
本阶段除了介绍基本的语法外, 更加注重对学员逻辑能力的培养, 形成代码思维, 实现从初级工程师向中高级工程师的转变。大量的练习, 加上丰富的案例, 真正做到学以致用. 由浅入深, 循序渐进. 通过下断点单步调试, 不仅知其然, 更知其所以然。
JavaScript基础
变量与数据类型
运算符与表达式
条件分支
循环
数组
函数
对象
4) WebAPI
DOM与BOM
事件驱动
回调函数
冒泡与捕获
事件委托
本地存储
5)JavaScript高级
全局对象与活动对象
作用域与闭包
原型与原型链
let和const
箭头函数
解构
promise
async...await
异常处理
EventLoop
项目成果:

阶段测验


02第二阶段:Web进阶阶段
Vue框架作为工作中使用最广泛的前端框架, 是面试和项目开发的重点。本阶段以项目驱动, 详细全面的介绍Vue2与Vue3框架全家桶, 严格按照项目管理的方式推进, 由经验丰富的高级项目经理带领, 学员独立完成需求分析, 技术设计, 项目评审, 真实WBS分组分工协作, 提前体验实际工作场景。
1)项目前准备
node环境安装
npm包管理工具
yarn与pnpm
RESTful接口对接与调试
Git配置与实战应用
2)Vue2基础
声明式渲染
响应式系统及原理
属性绑定
事件绑定
双向绑定
条件渲染
列表渲染
动态样式
计算属性
侦听器
过滤器
3)Vue2核心
生命周期与生命周期钩子
vue2核心模块与重点流程分析
组件
插槽
vue2源码走读
vue-router
vuex
ElementUI框架及实战
4)大屏可视化项目
canvas原理
echarts
阿里datav云平台
5)Vue3开发
compositionAPI
生命周期
组件通信
vite
pinia
03第三阶段:WebGIS开发
1)WebGIS基础理论
OGC标准
WMS(Web地图服务)
WFS(Web矢量服务)
WCS(Web栅格服务)
数据格式: 影像, 栅格, 矢量, 瓦片
投影与坐标系
服务发布
底图加载与渲染
几何要素: 点, 线, 面, 区, 注记
空间分析
缓冲区分析
2)MapGIS二次开发
中地全空间产品体系
MapGIS10.5Pro产品架构深度解读
MapGIS环境搭建
中地平台接口调用
中地接口二次封装
3)OpenLayers开发
canvas绘图基础
底图加载渲染
地图控件调用
交互式矢量图形绘制
地图事件
API二次封装
GeoJSON数据加载与解析
4)Mapbox开发
底图加载渲染
地图控件与事件
交互式矢量图形绘制
组件化集成
Mapbox+React应用
5)公共开放平台
高德地图开放平台
常用API
控件
动画与轨迹
GeoJSON数据持久化
阿里数据可视化平台DataV-L7
3D柱状图
散点图
雷达图
水体3D填充
6)项目一: 智慧交通系统
基于Vue+OpenLayers/Mapbox全流程开发
多用户权限管理
实时路况
事件查询
缓冲区分析
叠加裁剪分析
04第三阶段:WebGIS三维开发基础
1)三维建模工具-blender
blender基本操作
三维场景建立
渲染出图
动画CG
物理运动
2)三维核心理论-three.js
三维场景建立
相机与光照
三视图与视角
3D坐标系
投影与变换
3D几何实体
纹理与材质
着色器
3D建模数据加载
3)三维GIS开发-Cesium
3D底图加载与渲染
常用控件
相机与视角
3D几何实体渲染
Cesium物体动效
粒子效果
物理仿真
倾斜摄影数据加载
地图事件的初始化以及销毁
3Dtiles的加载
primitive图元
GeoJsonDataSource加载数据
Cesium绘制工具
4)项目一: 不动产管理系统
Cesium集成Vue3
Cesium基础工具库封装
区域切分
楼层分层
3D弹窗实现
不动产登记业务流程
项目二: 建筑规划项目
基于Vue3+Cesium
熟练运用三个坐标系之间的转换
调整三维模型的摆放位置
vue3自定义长按事件
05WebGIS三维企业级实战
本阶段以企业常用的功能和案例为主, 重点介绍了Cesium的高级用法及部分底层原理, 不仅能应对企业常用业务模块, 更是跳槽涨薪的利器。
1)企业常用功能模块逐项突破
三维空间分析模块
以三维地形分析为出发点, 详解讲解空间三维
分析常用思路及处理方案, 广泛应用于
地质分析
地矿分页
建筑与规划

1. 双屏联动模块
各种地理信息系统中非常常见的功能, 实现二维, 三维双屏联动
左边显示二维地图
右边显示三维模型
调整二维地图时, 同步实时显示三维信息

2. 可视域分析模块
不仅可以应用于房地产, 景观分析, 还可以应用于智能驾驶

3. 模型裁剪模块

4. 淹没分析模块

2)WebGL核心原理
WebGL工作原理
WebGL绘制简单图元
WebGL绘制立方体,渲染三维场景
WebGL添加场景光照
WebGL着色器语法讲解
3)Cesium高级应用
Cesium自定义模型着色器
Cesium材质详解与自定义材质
Cesium自定义后处理效果
Cesium自定义echarts图层
项目一: 公交车轨迹漫游项目
cesium中时间轴的使用
第一人称视角以及跟随视角平滑的切换
cesium中实现定点漫游
漫游中监听事件
项目二: 三维数字孪生智慧城市项目
1.基于 Cesium + webGL + shader 实战应用
2.真实项目中设计稿交付
3.城市级shp数据处理
4.城市级白膜的大数据处理与前端渲染
5.城市三维场景构建:水域效果、道路特效、地标特效
6.Cesium天气功能(晴、雨、雾、雪)
7.cesium中着色器使用技巧与特效类封装技巧
8.三维可视化大屏开发技巧
9.Cesium + Echart 实现3D弧线迁徙图
10.城市模型效果:渐变、呼吸灯、扫光、夜景
掌握能力:
1、了解三维GIS开发基本概念,三维GIS理论,及应用场景
2、掌握Cesium的核心API,掌握三维GIS开发流程。
3、掌握Cesium核心原理,以及复杂的三维场景构建流程。
4、掌握Cesium周边生态
5、理解WebGL核心原理,渲染管线流程,及着色器glsl语言在Cesium中的应用。
本阶段由中地数码集团资深三维GIS高级工程师带领,模拟真实项目开发流程,从需求分析,流程设计,UI设计出发,实现一套高性能,可扩展,高质量的数字孪生系统。学生通过本项目,能够胜任三维gis开发的工作。
职业素养培养
1)演讲表达提升: 组织学员每日分享, 周例会发言, 锻炼口头表达能力; 要求学员撰写技术文档, 锻炼书面写作能力
2)职业规划引导:在授课过程中, 分享企业工作经验, 保持沟通交流, 引导学员规划职业发展
3)项目管理: 介绍项目管理相关流程, 让学员理解项目的全流程
就业服务
1)简历撰写指导:专门的课程, 专门的老师指导如何撰写简历
2)模拟面试: 模拟人事, 技术面试, 让学员熟悉面试, 舒缓紧张情绪
3)面试技巧: 分享一些面试时需要注意的技巧, 提高面试成功率
4)面试题分析: 针对常见的面试题讲解, 让学员从容应对
5)企业宣讲: 邀请用人单位来校进行宣讲, 让学员全面了解企业, 为学员推荐对口靠谱企业
6)内推就业:直接对接用人单位负责人,内推面试就业
