当前，三维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箭头函数解构promiseasync...await异常处理EventLoop

2 Web进阶阶段

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

项目前准备node环境安装npm包管理工具yarn与pnpmRESTful接口对接与调试Git配置与实战应用Vue2基础声明式渲染响应式系统及原理属性绑定事件绑定双向绑定条件渲染列表渲染动态样式计算属性侦听器过滤器Vue2核心生命周期与生命周期钩子vue2核心模块与重点流程分析组件插槽vue2源码走读vue-routervuexElementUI框架及实战大屏可视化项目canvas原理echarts阿里datav云平台Vue3开发compositionAPI生命周期组件通信vitepinia3 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-L73D柱状图散点图雷达图水体3D填充项目一: 智慧交通系统基于Vue+OpenLayers/Mapbox全流程开发多用户权限管理实时路况事件查询缓冲区分析叠加裁剪分析

新中地教育，赞24 WebGIS三维开发基础三维建模工具-blenderblender基本操作三维场景建立渲染出图动画CG物理运动三维核心理论-three.js三维场景建立相机与光照三视图与视角3D坐标系投影与变换3D几何实体纹理与材质着色器3D建模数据加载三维GIS开发-Cesium快速上手3D底图加载与渲染常用控件相机与视角3D几何实体渲染Cesium物体动效粒子效果物理仿真倾斜摄影数据加载地图事件的初始化以及销毁3Dtiles的加载primitive图元GeoJsonDataSource加载数据Cesium绘制工具项目一: 不动产登记项目cesium集成Vue3cesium基础工具库封装区域切分楼层分层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.城市模型效果：渐变、呼吸灯、扫光、夜景告