WebGis學(xué)習(xí)路線解析，小白如何上手GIS開發(fā)？
在了解地理空間應(yīng)用程序開發(fā)之前，讓我們了解一下GIS在各個行業(yè)中的作用
GIS的應(yīng)用廣泛
GIS行業(yè)實(shí)際上沒有限制，人們可以在生活的各個領(lǐng)域找到可以GIS的身影。事實(shí)上，GIS包含的三大元素，地理、位置、信息，只要跟這幾點(diǎn)相關(guān)的產(chǎn)業(yè)，都會應(yīng)用到GIS技術(shù)，包含現(xiàn)在大熱的行業(yè)，都離不開GIS技術(shù)。
而為了適應(yīng)科技不斷的發(fā)展和更新，GIS從業(yè)者光靠GIS理論還遠(yuǎn)遠(yuǎn)不能適應(yīng)市場的需求，目前國內(nèi)有很多GIS軟件，但具體應(yīng)用到to C端，需要依賴網(wǎng)絡(luò)編程技術(shù)來實(shí)現(xiàn)。
但如果缺乏地理信息方面的知識和分析能力，單靠編程也不能實(shí)現(xiàn)GIS技術(shù)的應(yīng)用。所以，GIS技術(shù)+編程才是適應(yīng)新時代GIS前沿技術(shù)發(fā)展趨勢的最佳搭配！
當(dāng)前，GIS開發(fā)就業(yè)方向眾多，人才缺口大、內(nèi)卷程度較低且發(fā)展成長的賽道較長。其就業(yè)方向包括但不限于以下：
1)國家政府成立的國企，從事城市規(guī)劃、自然資源、地質(zhì)礦產(chǎn)、農(nóng)林業(yè)....項目的開發(fā)
2）承接政府項目的科技公司，從事智慧城市、智慧交通、智慧水利....項目的開發(fā)
3）大型互聯(lián)網(wǎng)公司，從事導(dǎo)航、物流、位置定位....項目開發(fā)
4）新興科技公司，從事元宇宙、虛擬游戲引擎、3D游戲....項目開發(fā)
GIS開發(fā)工程師崗位需求量大
GIS開發(fā)工程師崗位薪資可觀
根據(jù)23年全國最新數(shù)據(jù)詳情，GIS開發(fā)工程師招聘薪資如下：
此外，現(xiàn)在眾多互聯(lián)網(wǎng)應(yīng)用中也在不斷融合GIS相關(guān)業(yè)務(wù)，比如：高德、美團(tuán)、滴滴、菜鳥物流、大眾點(diǎn)評......包括近期非常熱門的元宇宙、數(shù)字孿生等，都預(yù)示著GIS產(chǎn)業(yè)的巨大前景，GIS從業(yè)者的無限可能。
成為一名合格的GIS開發(fā)工程師，需要掌握哪些技能？
根據(jù)當(dāng)前市場上對GIS開發(fā)崗的任職要求HTML5、CSS3、JavaScript、Vue2、Vue3、OpenLayers、Mapbox、three.js、Cesium、Echarts等均是行業(yè)亟需的熱門前沿技術(shù).而這些技術(shù)要點(diǎn)，新中地GIS開發(fā)特訓(xùn)營的課程內(nèi)容均有所涉及。
GIS開發(fā)工程師的晉升路線
GIS開發(fā)有著完整的晉升路線，而通過學(xué)習(xí)，參加GIS開發(fā)特訓(xùn)營的學(xué)員，能達(dá)到中高級GIS開發(fā)工程師的水平。
全程學(xué)習(xí)安排
新中地最新三維GIS開發(fā)學(xué)習(xí)內(nèi)容
課程內(nèi)容大致分為下面幾個階段：
第一階段: Web基礎(chǔ)開發(fā)(HTML+CSS+JS)
第二階段: Web進(jìn)階(Vue核心技能+大屏可視化)
第三階段: WebGIS二維開發(fā)(Openlayer，Mapbox，公共開放平臺，智慧交通系統(tǒng))
第四階段:?WebGIS三維開發(fā)（三維建模blender，threejs, cesium，不動產(chǎn)項目實(shí)戰(zhàn)）
第五階段:?WebGIS三維企業(yè)級實(shí)戰(zhàn)（企業(yè)常用功能模塊逐項突破）
01第一階段：web基礎(chǔ)階段
1）HTML5
HTML負(fù)責(zé)web的結(jié)構(gòu), 是web技術(shù)的重要組成部分。本階段從HTML的本質(zhì)出發(fā), 深入剖析HTML的組成, 幫助大家理解web系統(tǒng)的原理, 不僅介紹了HTML如何被瀏覽器解析并渲染, 更加深刻地分析了HTML設(shè)計背后的真相。
HTML本質(zhì)
HTML組成
HTML語義化
布局元素
多媒體元素(超鏈接, 圖片, 音頻, 視頻)
表單元素
表格元素
2）CSS3
本階段從基本的CSS語法講起, 結(jié)合眾多效果案例, 夯實(shí)基礎(chǔ), 力圖創(chuàng)新。通過精準(zhǔn)的選擇器, 控制頁面元素的布局和效果, 結(jié)合CSS3的新特性(圓角, 陰影, 過渡, 漸變, 動畫)美化網(wǎng)頁, 最終達(dá)到編寫企業(yè)級大型綜合頁面的要求。
選擇器(包括nth-of-type,nth-of-child等)
文本屬性
背景(包括background-size, background-clip等)
屬性值的計算機(jī)制
視覺格式化模型
偽類與偽元素
flex布局與grid布局
媒體查詢與響應(yīng)式
過渡transition
變形transform
漸變
關(guān)鍵幀動畫
預(yù)處理器(Less, Sass, Stylus)
3）JavaScript
JavaScript作為web前端唯一的開發(fā)語言, 負(fù)責(zé)web的邏輯與業(yè)務(wù)實(shí)現(xiàn). 寫代碼做項目全靠它, 重中之重。
本階段除了介紹基本的語法外, 更加注重對學(xué)員邏輯能力的培養(yǎng), 形成代碼思維, 實(shí)現(xiàn)從初級工程師向中高級工程師的轉(zhuǎn)變。大量的練習(xí), 加上豐富的案例, 真正做到學(xué)以致用. 由淺入深, 循序漸進(jìn). 通過下斷點(diǎn)單步調(diào)試, 不僅知其然, 更知其所以然。
JavaScript基礎(chǔ)
變量與數(shù)據(jù)類型
運(yùn)算符與表達(dá)式
條件分支
循環(huán)
數(shù)組
函數(shù)
對象
4） WebAPI
DOM與BOM
事件驅(qū)動
回調(diào)函數(shù)
冒泡與捕獲
事件委托
本地存儲
5）JavaScript高級
全局對象與活動對象
作用域與閉包
原型與原型鏈
let和const
箭頭函數(shù)
解構(gòu)
promise
async...await
異常處理
EventLoop
項目成果：
階段測驗(yàn)
02第二階段：Web進(jìn)階階段
Vue框架作為工作中使用最廣泛的前端框架, 是面試和項目開發(fā)的重點(diǎn)。本階段以項目驅(qū)動, 詳細(xì)全面的介紹Vue2與Vue3框架全家桶, 嚴(yán)格按照項目管理的方式推進(jìn), ?由經(jīng)驗(yàn)豐富的高級項目經(jīng)理帶領(lǐng), 學(xué)員獨(dú)立完成需求分析, 技術(shù)設(shè)計, 項目評審, 真實(shí)WBS分組分工協(xié)作, 提前體驗(yàn)實(shí)際工作場景。
1）項目前準(zhǔn)備
node環(huán)境安裝
npm包管理工具
yarn與pnpm
RESTful接口對接與調(diào)試
Git配置與實(shí)戰(zhàn)應(yīng)用
2）Vue2基礎(chǔ)
聲明式渲染
響應(yīng)式系統(tǒng)及原理
屬性綁定
事件綁定
雙向綁定
條件渲染
列表渲染
動態(tài)樣式
計算屬性
偵聽器
過濾器
3）Vue2核心
生命周期與生命周期鉤子
vue2核心模塊與重點(diǎn)流程分析
組件
插槽
vue2源碼走讀
vue-router
vuex
ElementUI框架及實(shí)戰(zhàn)
4）大屏可視化項目
canvas原理
echarts
阿里datav云平臺
5）Vue3開發(fā)
compositionAPI
生命周期
組件通信
vite
pinia
03第三階段：WebGIS開發(fā)
1）WebGIS基礎(chǔ)理論
OGC標(biāo)準(zhǔn)
WMS(Web地圖服務(wù))
WFS(Web矢量服務(wù))
WCS(Web柵格服務(wù))
數(shù)據(jù)格式: 影像, 柵格, 矢量, 瓦片
投影與坐標(biāo)系
服務(wù)發(fā)布
底圖加載與渲染
幾何要素: 點(diǎn), 線, 面, 區(qū), 注記
空間分析
緩沖區(qū)分析
2）MapGIS二次開發(fā)
中地全空間產(chǎn)品體系
MapGIS10.5Pro產(chǎn)品架構(gòu)深度解讀
MapGIS環(huán)境搭建
中地平臺接口調(diào)用
中地接口二次封裝
3）OpenLayers開發(fā)
canvas繪圖基礎(chǔ)
底圖加載渲染
地圖控件調(diào)用
交互式矢量圖形繪制
地圖事件
API二次封裝
GeoJSON數(shù)據(jù)加載與解析
4）Mapbox開發(fā)
底圖加載渲染
地圖控件與事件
交互式矢量圖形繪制
組件化集成
Mapbox+React應(yīng)用
5）公共開放平臺
高德地圖開放平臺
常用API
控件
動畫與軌跡
GeoJSON數(shù)據(jù)持久化
阿里數(shù)據(jù)可視化平臺DataV-L7
3D柱狀圖
散點(diǎn)圖
雷達(dá)圖
水體3D填充
6）項目一: 智慧交通系統(tǒng)
基于Vue+OpenLayers/Mapbox全流程開發(fā)
多用戶權(quán)限管理
實(shí)時路況
事件查詢
緩沖區(qū)分析
疊加裁剪分析
04第三階段：WebGIS三維開發(fā)基礎(chǔ)
1）三維建模工具-blender
blender基本操作
三維場景建立
渲染出圖
動畫CG
物理運(yùn)動
2）三維核心理論-three.js
三維場景建立
相機(jī)與光照
三視圖與視角
3D坐標(biāo)系
投影與變換
3D幾何實(shí)體
紋理與材質(zhì)
著色器
3D建模數(shù)據(jù)加載
3）三維GIS開發(fā)-Cesium
3D底圖加載與渲染
常用控件
相機(jī)與視角
3D幾何實(shí)體渲染
Cesium物體動效
粒子效果
物理仿真
傾斜攝影數(shù)據(jù)加載
地圖事件的初始化以及銷毀
3Dtiles的加載
primitive圖元
GeoJsonDataSource加載數(shù)據(jù)
Cesium繪制工具
4）項目一: 不動產(chǎn)管理系統(tǒng)
Cesium集成Vue3
Cesium基礎(chǔ)工具庫封裝
區(qū)域切分
樓層分層
3D彈窗實(shí)現(xiàn)
不動產(chǎn)登記業(yè)務(wù)流程
項目二: 建筑規(guī)劃項目
基于Vue3+Cesium
熟練運(yùn)用三個坐標(biāo)系之間的轉(zhuǎn)換
調(diào)整三維模型的擺放位置
vue3自定義長按事件
05WebGIS三維企業(yè)級實(shí)戰(zhàn)
本階段以企業(yè)常用的功能和案例為主, 重點(diǎn)介紹了Cesium的高級用法及部分底層原理, 不僅能應(yīng)對企業(yè)常用業(yè)務(wù)模塊, 更是跳槽漲薪的利器。
1）企業(yè)常用功能模塊逐項突破
三維空間分析模塊
以三維地形分析為出發(fā)點(diǎn), 詳解講解空間三維分析常用思路及處理方案, 廣泛應(yīng)用于
地質(zhì)分析
地礦分頁
建筑與規(guī)劃
1. 雙屏聯(lián)動模塊
各種地理信息系統(tǒng)中非常常見的功能, 實(shí)現(xiàn)二維, 三維雙屏聯(lián)動
左邊顯示二維地圖
右邊顯示三維模型
調(diào)整二維地圖時, 同步實(shí)時顯示三維信息
2. 可視域分析模塊
不僅可以應(yīng)用于房地產(chǎn), 景觀分析, 還可以應(yīng)用于智能駕駛
3. 模型裁剪模塊
4. 淹沒分析模塊
2）WebGL核心原理
WebGL工作原理
WebGL繪制簡單圖元
WebGL繪制立方體，渲染三維場景
WebGL添加場景光照
WebGL著色器語法講解
3）Cesium高級應(yīng)用
Cesium自定義模型著色器
Cesium材質(zhì)詳解與自定義材質(zhì)
Cesium自定義后處理效果
Cesium自定義echarts圖層
項目一: 公交車軌跡漫游項目
cesium中時間軸的使用
第一人稱視角以及跟隨視角平滑的切換
cesium中實(shí)現(xiàn)定點(diǎn)漫游
漫游中監(jiān)聽事件
項目二: 三維數(shù)字孿生智慧城市項目
1.基于 Cesium + webGL + shader 實(shí)戰(zhàn)應(yīng)用
2.真實(shí)項目中設(shè)計稿交付
3.城市級shp數(shù)據(jù)處理
4.城市級白膜的大數(shù)據(jù)處理與前端渲染
5.城市三維場景構(gòu)建：水域效果、道路特效、地標(biāo)特效
6.Cesium天氣功能（晴、雨、霧、雪）
7.cesium中著色器使用技巧與特效類封裝技巧
8.三維可視化大屏開發(fā)技巧
9.Cesium + Echart 實(shí)現(xiàn)3D弧線遷徙圖
10.城市模型效果：漸變、呼吸燈、掃光、夜景
掌握能力：
1、了解三維GIS開發(fā)基本概念，三維GIS理論，及應(yīng)用場景
2、掌握Cesium的核心API，掌握三維GIS開發(fā)流程。
3、掌握Cesium核心原理，以及復(fù)雜的三維場景構(gòu)建流程。
4、掌握Cesium周邊生態(tài)
5、理解WebGL核心原理，渲染管線流程，及著色器glsl語言在Cesium中的應(yīng)用。
本階段由中地數(shù)碼集團(tuán)資深三維GIS高級工程師帶領(lǐng)，模擬真實(shí)項目開發(fā)流程,從需求分析，流程設(shè)計，UI設(shè)計出發(fā)，實(shí)現(xiàn)一套高性能，可擴(kuò)展，高質(zhì)量的數(shù)字孿生系統(tǒng)。學(xué)生通過本項目，能夠勝任三維gis開發(fā)的工作。
職業(yè)素養(yǎng)培養(yǎng)
1）演講表達(dá)提升:?組織學(xué)員每日分享, 周例會發(fā)言, 鍛煉口頭表達(dá)能力; 要求學(xué)員撰寫技術(shù)文檔, 鍛煉書面寫作能力
2）職業(yè)規(guī)劃引導(dǎo):在授課過程中, 分享企業(yè)工作經(jīng)驗(yàn), 保持溝通交流, 引導(dǎo)學(xué)員規(guī)劃職業(yè)發(fā)展
3）項目管理:?介紹項目管理相關(guān)流程, 讓學(xué)員理解項目的全流程
就業(yè)服務(wù)
1）簡歷撰寫指導(dǎo):專門的課程, 專門的老師指導(dǎo)如何撰寫簡歷
2）模擬面試:?模擬人事, 技術(shù)面試, 讓學(xué)員熟悉面試, 舒緩緊張情緒
3）面試技巧:?分享一些面試時需要注意的技巧, 提高面試成功率
4）面試題分析:?針對常見的面試題講解, 讓學(xué)員從容應(yīng)對
5）企業(yè)宣講:?邀請用人單位來校進(jìn)行宣講, 讓學(xué)員全面了解企業(yè), 為學(xué)員推薦對口靠譜企業(yè)
6）內(nèi)推就業(yè)：直接對接用人單位負(fù)責(zé)人，內(nèi)推面試就業(yè)
