欢迎光临散文网 会员登陆 & 注册

WebGis学习路线解析,小白如何上手GIS开发?

2023-07-17 14:19 作者:新中地职业培训学校  | 我要投稿

在了解地理空间应用程序开发之前,让我们了解一下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设计背后的真相。
  1. HTML本质

  2. HTML组成

  3. HTML语义化

  4. 布局元素

  5. 多媒体元素(超链接, 图片, 音频, 视频)

  6. 表单元素

  7. 表格元素

2)CSS3

本阶段从基本的CSS语法讲起, 结合众多效果案例, 夯实基础, 力图创新。通过精准的选择器, 控制页面元素的布局和效果, 结合CSS3的新特性(圆角, 阴影, 过渡, 渐变, 动画)美化网页, 最终达到编写企业级大型综合页面的要求。
  1. 选择器(包括nth-of-type,nth-of-child等)

  2. 文本属性

  3. 背景(包括background-size, background-clip等)

  4. 属性值的计算机制

  5. 视觉格式化模型

  6. 伪类与伪元素

  7. flex布局与grid布局

  8. 媒体查询与响应式

  9. 过渡transition

  10. 变形transform

  11. 渐变

  12. 关键帧动画

  13. 预处理器(Less, Sass, Stylus)

3)JavaScript

JavaScript作为web前端唯一的开发语言, 负责web的逻辑与业务实现. 写代码做项目全靠它, 重中之重。

本阶段除了介绍基本的语法外, 更加注重对学员逻辑能力的培养, 形成代码思维, 实现从初级工程师向中高级工程师的转变。大量的练习, 加上丰富的案例, 真正做到学以致用. 由浅入深, 循序渐进. 通过下断点单步调试, 不仅知其然, 更知其所以然。

JavaScript基础

  1. 变量与数据类型

  2. 运算符与表达式

  3. 条件分支

  4. 循环

  5. 数组

  6. 函数

  7. 对象

4) WebAPI

  1. DOM与BOM

  2. 事件驱动

  3. 回调函数

  4. 冒泡与捕获

  5. 事件委托

  6. 本地存储

5)JavaScript高级

  1. 全局对象与活动对象

  2. 作用域与闭包

  3. 原型与原型链

  4. let和const

  5. 箭头函数

  6. 解构

  7. promise

  8. async...await

  9. 异常处理

  10. EventLoop

项目成果:


阶段测验


02第二阶段:Web进阶阶段

Vue框架作为工作中使用最广泛的前端框架, 是面试和项目开发的重点。本阶段以项目驱动, 详细全面的介绍Vue2与Vue3框架全家桶, 严格按照项目管理的方式推进,  由经验丰富的高级项目经理带领, 学员独立完成需求分析, 技术设计, 项目评审, 真实WBS分组分工协作, 提前体验实际工作场景。

1)项目前准备

  1. node环境安装

  2. npm包管理工具

  3. yarn与pnpm

  4. RESTful接口对接与调试

  5. Git配置与实战应用

2)Vue2基础

  1. 声明式渲染

  2. 响应式系统及原理

  3. 属性绑定

  4. 事件绑定

  5. 双向绑定

  6. 条件渲染

  7. 列表渲染

  8. 动态样式

  9. 计算属性

  10. 侦听器

  11. 过滤器

3)Vue2核心

  1. 生命周期与生命周期钩子

  2. vue2核心模块与重点流程分析

  3. 组件

  4. 插槽

  5. vue2源码走读

  6. vue-router

  7. vuex

  8. ElementUI框架及实战

4)大屏可视化项目

  1. canvas原理

  2. echarts

  3. 阿里datav云平台

5)Vue3开发

  1. compositionAPI

  2. 生命周期

  3. 组件通信

  4. vite

  5. pinia

03第三阶段:WebGIS开发

1)WebGIS基础理论

  1. OGC标准

  2. WMS(Web地图服务)

  3. WFS(Web矢量服务)

  4. WCS(Web栅格服务)

  5. 数据格式: 影像, 栅格, 矢量, 瓦片

  6. 投影与坐标系

  7. 服务发布

  8. 底图加载与渲染

  9. 几何要素: 点, 线, 面, 区, 注记

  10. 空间分析

  11. 缓冲区分析

2)MapGIS二次开发

  1. 中地全空间产品体系

  2. MapGIS10.5Pro产品架构深度解读

  3. MapGIS环境搭建

  4. 中地平台接口调用

  5. 中地接口二次封装

3)OpenLayers开发

  1. canvas绘图基础

  2. 底图加载渲染

  3. 地图控件调用

  4. 交互式矢量图形绘制

  5. 地图事件

  6. API二次封装

  7. GeoJSON数据加载与解析

4)Mapbox开发

  1. 底图加载渲染

  2. 地图控件与事件

  3. 交互式矢量图形绘制

  4. 组件化集成

  5. Mapbox+React应用

5)公共开放平台

  1. 高德地图开放平台

  • 常用API

  • 控件

  • 动画与轨迹

  • GeoJSON数据持久化

  1. 阿里数据可视化平台DataV-L7

  • 3D柱状图

  • 散点图

  • 雷达图

  • 水体3D填充

6)项目一: 智慧交通系统

  1. 基于Vue+OpenLayers/Mapbox全流程开发

  2. 多用户权限管理

  3. 实时路况

  4. 事件查询

  5. 缓冲区分析

  6. 叠加裁剪分析

04第三阶段:WebGIS三维开发基础

1)三维建模工具-blender

  1. blender基本操作

  2. 三维场景建立

  3. 渲染出图

  4. 动画CG

  5. 物理运动

2)三维核心理论-three.js

  1. 三维场景建立

  2. 相机与光照

  3. 三视图与视角

  4. 3D坐标系

  5. 投影与变换

  6. 3D几何实体

  7. 纹理与材质

  8. 着色器

  9. 3D建模数据加载

3)三维GIS开发-Cesium

  1. 3D底图加载与渲染

  2. 常用控件

  3. 相机与视角

  4. 3D几何实体渲染

  5. Cesium物体动效

  6. 粒子效果

  7. 物理仿真

  8. 倾斜摄影数据加载

  9. 地图事件的初始化以及销毁

  10. 3Dtiles的加载

  11. primitive图元

  12. GeoJsonDataSource加载数据

  13. Cesium绘制工具

4)项目一: 不动产管理系统

  1. Cesium集成Vue3

  2. Cesium基础工具库封装

  3. 区域切分

  4. 楼层分层

  5. 3D弹窗实现

  6. 不动产登记业务流程

项目二: 建筑规划项目

  1. 基于Vue3+Cesium

  2. 熟练运用三个坐标系之间的转换

  3. 调整三维模型的摆放位置

  4. vue3自定义长按事件

05WebGIS三维企业级实战

本阶段以企业常用的功能和案例为主, 重点介绍了Cesium的高级用法及部分底层原理, 不仅能应对企业常用业务模块, 更是跳槽涨薪的利器。

1)企业常用功能模块逐项突破

三维空间分析模块

以三维地形分析为出发点, 详解讲解空间三维分析常用思路及处理方案, 广泛应用于

  • 地质分析

  • 地矿分页

  • 建筑与规划

1. 双屏联动模块

各种地理信息系统中非常常见的功能, 实现二维, 三维双屏联动

  • 左边显示二维地图

  • 右边显示三维模型

调整二维地图时, 同步实时显示三维信息

2. 可视域分析模块

不仅可以应用于房地产, 景观分析, 还可以应用于智能驾驶

3. 模型裁剪模块

4. 淹没分析模块

2)WebGL核心原理

  1. WebGL工作原理

  2. WebGL绘制简单图元

  3. WebGL绘制立方体,渲染三维场景

  4. WebGL添加场景光照

  5. WebGL着色器语法讲解

3)Cesium高级应用

  1. Cesium自定义模型着色器

  2. Cesium材质详解与自定义材质

  3. Cesium自定义后处理效果

  4. Cesium自定义echarts图层

项目一: 公交车轨迹漫游项目

  1. cesium中时间轴的使用

  2. 第一人称视角以及跟随视角平滑的切换

  3. cesium中实现定点漫游

  4. 漫游中监听事件

项目二: 三维数字孪生智慧城市项目

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)内推就业:直接对接用人单位负责人,内推面试就业




WebGis学习路线解析,小白如何上手GIS开发?的评论 (共 条)

分享到微博请遵守国家法律