当前，三维GIS技术在建筑、城市规划、交通、电信、水利、国土资源等领域具有广泛的应用前景。随着城市化进程的加速和城市规划的复杂化，三维GIS技术有着广阔的市场需求。

三维GIS在二维GIS的基础上，增加了对地球表面的第三维度，即高度或深度。相比于二维层面的WebGIS，三维GIS能够更好地分析和处理地理空间数据，使用准确的三维地理模型可以帮助决策者和规划者更好地理解地理空间数据，进行可视化分析。

此外，三维GIS开发和智慧城市、数字孪生等受到国家政策扶持的项目结合紧密。智慧城市和数字孪生都是未来城市发展的重要方向，这些项目需要大量的三维GIS技术人才来支持其规划和建设。

当前很多GIS相关专业的在校生已经认识到学习GIS开发的必要性，不少甚至从大一就开始规划学习，但苦于没有专业指导、系统课程，缺乏学习方向，项目经验，以至于上手很慢。

本期小编带领大家，系统分析一下GIS开发系统学习路线图

这套学习路线图，是由中地数码集团资深三维GIS高级工程师带领历时三个月，精心打磨的。整个学习过程，模拟真实项目开发流程，学完即具备中等GIS开发工程师水平，可胜任前端GIS开发、三维GIS开发等相关工作。

ps：需要清晰版本的学习路线图

请加GIS小巫师微信：18507119800

1. Web基础阶段

HTML5

HTML负责web的结构, 是web技术的重要组成部分. 本阶段从HTML的本质出发, 深入剖析HTML的组成, 帮助大家理解web系统的原理, 不仅介绍了HTML如何被浏览器解析并渲染, 更加深刻的分析了HTML设计背后的真相

• HTML本质
• HTML组成
• HTML语义化
• 布局元素
• 多媒体元素(超链接, 图片, 音频, 视频)
• 表单元素
• 表格元素

CSS3

CSS负责web的样式, 可以做出酷炫的效果和设计感实足的优秀产品 本阶段从基本的CSS语法讲起, 结合众多效果案例, 夯实基础, 力图创新. 通过精准的选择器, 控制页面元素的布局和效果, 结合CSS3的新特性(圆角, 阴影, 过渡, 渐变, 动画)美化网页, 最终达到编写企业级大型综合页面的要求

• 选择器(包括nth-of-type,nth-of-child等)
• 文本属性
• 背景(包括background-size, background-clip等)
• 属性值的计算机制
• 视觉格式化模型
• 伪类与伪元素
• flex布局与grid布局
• 媒体查询与响应式
• 过渡transition
• 变形transform
• 渐变
• 关键帧动画
• 预处理器(Less, Sass, Stylus)

JavaScript

JavaScript做为web前端唯一的开发语言, 负责web的逻辑与业务实现. 写代码做项目全靠它, 重中之重 本阶段除了介绍基本的语法外, 更加注重对学员逻辑能力的培养, 形成代码思维, 实现从初级工程师向中高级工程师的转变 大量的练习, 加上丰富的案例, 真正做到学以致用. 由浅入深, 循序渐进. 通过下断点单步调试, 不仅知其然, 更知其所以然。

JavaScript基础

• 变量与数据类型
• 运算符与表达式
• 条件分支
• 循环
• 数组
• 函数
• 对象

WebAPI

• DOM与BOM
• 事件驱动
• 回调函数
• 冒泡与捕获
• 事件委托
• 本地存储

JavaScript高级

• 全局对象与活动对象
• 作用域与闭包
• 原型与原型链
• let和const
• 箭头函数
• 解构
• promise
• async...await
• 异常处理
• EventLoop
• 
  
• 
  
• 
  
• 
  

2 Web进阶阶段

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

项目前准备

• node环境安装
• npm包管理工具
• yarn与pnpm
• RESTful接口对接与调试
• Git配置与实战应用

Vue2基础

• 声明式渲染
• 响应式系统及原理
• 属性绑定
• 事件绑定
• 双向绑定
• 条件渲染
• 列表渲染
• 动态样式
• 计算属性
• 侦听器
• 过滤器

Vue2核心

• 生命周期与生命周期钩子
• vue2核心模块与重点流程分析
• 组件
• 插槽
• vue2源码走读
• vue-router
• vuex
• ElementUI框架及实战

大屏可视化项目

• canvas原理
• echarts
• 阿里datav云平台

Vue3开发

• compositionAPI
• 生命周期
• 组件通信
• vite
• pinia

3 WebGIS二维开发

WebGIS基础理论

• OGC标准
• WMS(Web地图服务)
• WFS(Web矢量服务)
• WCS(Web栅格服务)
• 数据格式: 影像, 栅格, 矢量, 瓦片
• 投影与坐标系
• 服务发布
• 底图加载与渲染
• 几何要素: 点, 线, 面, 区, 注记
• 空间分析
• 缓冲区分析

MapGIS二次开发

• MapGIS全空间产品体系
• MapGIS10.5Pro产品架构深度解读
• MapGIS环境搭建
• MapGIS平台接口调用
• MapGIS接口二次封装

OpenLayers开发

• canvas绘图基础
• 底图加载渲染
• 地图控件调用
• 交互式失量图形绘制
• 地图事件
• API二次封装
• GeoJSON数据加载与解析

Mapbox开发

• 底图加载渲染
• 地图控件与事件
• 交互式失量图形绘制
• 组件化集成
• Mapbox+React应用

公共开放平台

• 高德地图开放平台
• 常用API
• 控件
• 动画与轨迹
• GeoJSON数据持久化
• 阿里数据可视化平台DataV-L7
• 3D柱状图
• 散点图
• 雷达图
• 水体3D填充

项目一: 智慧交通系统

• 基于Vue+OpenLayers/Mapbox全流程开发
• 多用户权限管理
• 实时路况
• 事件查询
• 缓冲区分析
• 叠加裁剪分析
• 
  
• 
  
• 
  
• 新中地教育
• ，赞2

4 WebGIS三维开发基础

三维建模工具-blender

• blender基本操作
• 三维场景建立
• 渲染出图
• 动画CG
• 物理运动

三维核心理论-three.js

• 三维场景建立
• 相机与光照
• 三视图与视角
• 3D坐标系
• 投影与变换
• 3D几何实体
• 纹理与材质
• 着色器
• 3D建模数据加载

三维GIS开发-Cesium快速上手

• 3D底图加载与渲染
• 常用控件
• 相机与视角
• 3D几何实体渲染
• Cesium物体动效
• 粒子效果
• 物理仿真
• 倾斜摄影数据加载
• 地图事件的初始化以及销毁
• 3Dtiles的加载
• primitive图元
• GeoJsonDataSource加载数据
• Cesium绘制工具

项目一: 不动产登记项目

• cesium集成Vue3
• cesium基础工具库封装
• 区域切分
• 楼层分层
• 3D弹窗实现
• 不动产登记业务流程
• 
  
• 
  
• 
  
• 新中地教育

项目二: 建筑规划项目

• 基于Vue3+Cesium
• 熟练运用三个坐标系之间的转换
• 调整三维模型的摆放位置
• vue3自定义长按事件
• 
  

5 WebGIS三维企业级实战

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

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

三维空间分析模块

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

• 地质分析
• 地矿分页
• 建筑与规划

双屏联动模块

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

• 左边显示二维地图
• 右边显示三维模型
• 调整二维地图时, 同步实时显示三维信息

可视域分析模块

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

模型裁剪模块

淹没分析模块

WebGL核心原理

• WebGL工作原理
• WebGL绘制简单图元
• WebGL绘制立方体，渲染三维场景
• WebGL添加场景光照
• WebGL着色器语法讲解

Cesium高级应用

• Cesium自定义模型着色器
• Cesium材质详解与自定义材质
• Cesium自定义后处理效果
• Cesium自定义echarts图层

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

• cesium中时间轴的使用
• 第一人称视角以及跟随视角平滑的切换
• cesium中实现定点漫游
• 漫游中监听事件
• 
  
• 新中地教育
• ，赞2

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

1.基于 Cesium + webGL + shader 实战应用

2.真实项目中设计稿交付

3.城市级shp数据处理

4.城市级白膜的大数据处理与前端渲染

5.城市三维场景构建：水域效果、道路特效、地标特效

6.Cesium天气功能（晴、雨、雾、雪）

7.cesium中着色器使用技巧与特效类封装技巧

8.三维可视化大屏开发技巧

9.Cesium + Echart 实现3D弧线迁徙图

10.城市模型效果：渐变、呼吸灯、扫光、夜景告