資深三維GIS高級(jí)工程打磨，GIS開發(fā)系統(tǒng)學(xué)習(xí)必看路線圖
萬(wàn)物互聯(lián)，隨著GIS技術(shù)與IT技術(shù)融合越來(lái)越緊密，從外賣軟件、導(dǎo)航搜索，到智慧城市、數(shù)字孿生，GIS可以說(shuō)是無(wú)處不在?？臻g數(shù)據(jù)在自然資源，規(guī)劃，城建，水利，氣象，農(nóng)業(yè)，林業(yè)等諸多行業(yè)發(fā)揮了越來(lái)越重要的作用。GIS作為“操作系統(tǒng)”，發(fā)揮重要的作用。
當(dāng)GIS逐漸融入主流的IT，這無(wú)疑對(duì)GIS相關(guān)專業(yè)的人員提出了新的挑戰(zhàn)。那就是GISer需要接受互聯(lián)網(wǎng)化的提升和轉(zhuǎn)型，使自己成為互聯(lián)網(wǎng)+GIS型人才。
當(dāng)前很多GIS相關(guān)專業(yè)的在校生已經(jīng)認(rèn)識(shí)到學(xué)習(xí)GIS開發(fā)的必要性，不少甚至從大一就開始規(guī)劃學(xué)習(xí)，但苦于沒(méi)有專業(yè)指導(dǎo)、系統(tǒng)課程，缺乏學(xué)習(xí)方向，項(xiàng)目經(jīng)驗(yàn)，以至于上手很慢。
本期小編帶領(lǐng)大家，系統(tǒng)分析一下GIS開發(fā)系統(tǒng)學(xué)習(xí)路線圖
這套學(xué)習(xí)路線圖，是由中地?cái)?shù)碼集團(tuán)資深三維GIS高級(jí)工程師帶領(lǐng)歷時(shí)三個(gè)月，精心打磨的。整個(gè)學(xué)習(xí)過(guò)程，模擬真實(shí)項(xiàng)目開發(fā)流程，學(xué)完即具備中等GIS開發(fā)工程師水平，可勝任前端GIS開發(fā)、三維GIS開發(fā)等相關(guān)工作。
1. Web基礎(chǔ)階段
HTML5
HTML負(fù)責(zé)web的結(jié)構(gòu), 是web技術(shù)的重要組成部分. 本階段從HTML的本質(zhì)出發(fā), 深入剖析HTML的組成, 幫助大家理解web系統(tǒng)的原理, 不僅介紹了HTML如何被瀏覽器解析并渲染, 更加深刻的分析了HTML設(shè)計(jì)背后的真相
HTML本質(zhì)
HTML組成
HTML語(yǔ)義化
布局元素
多媒體元素(超鏈接, 圖片, 音頻, 視頻)
表單元素
表格元素
CSS3
CSS負(fù)責(zé)web的樣式, 可以做出酷炫的效果和設(shè)計(jì)感實(shí)足的優(yōu)秀產(chǎn)品 本階段從基本的CSS語(yǔ)法講起, 結(jié)合眾多效果案例, 夯實(shí)基礎(chǔ), 力圖創(chuàng)新. 通過(guò)精準(zhǔn)的選擇器, 控制頁(yè)面元素的布局和效果, 結(jié)合CSS3的新特性(圓角, 陰影, 過(guò)渡, 漸變, 動(dòng)畫)美化網(wǎng)頁(yè), 最終達(dá)到編寫企業(yè)級(jí)大型綜合頁(yè)面的要求
選擇器(包括nth-of-type,nth-of-child等)
文本屬性
背景(包括background-size, background-clip等)
屬性值的計(jì)算機(jī)制
視覺(jué)格式化模型
偽類與偽元素
flex布局與grid布局
媒體查詢與響應(yīng)式
過(guò)渡transition
變形transform
漸變
關(guān)鍵幀動(dòng)畫
預(yù)處理器(Less, Sass, Stylus)
JavaScript
JavaScript做為web前端唯一的開發(fā)語(yǔ)言, 負(fù)責(zé)web的邏輯與業(yè)務(wù)實(shí)現(xiàn). 寫代碼做項(xiàng)目全靠它, 重中之重 本階段除了介紹基本的語(yǔ)法外, 更加注重對(duì)學(xué)員邏輯能力的培養(yǎng), 形成代碼思維, 實(shí)現(xiàn)從初級(jí)工程師向中高級(jí)工程師的轉(zhuǎn)變 大量的練習(xí), 加上豐富的案例, 真正做到學(xué)以致用. 由淺入深, 循序漸進(jìn). 通過(guò)下斷點(diǎn)單步調(diào)試, 不僅知其然, 更知其所以然。
JavaScript基礎(chǔ)
變量與數(shù)據(jù)類型
運(yùn)算符與表達(dá)式
條件分支
循環(huán)
數(shù)組
函數(shù)
對(duì)象
WebAPI
DOM與BOM
事件驅(qū)動(dòng)
回調(diào)函數(shù)
冒泡與捕獲
事件委托
本地存儲(chǔ)
JavaScript高級(jí)
全局對(duì)象與活動(dòng)對(duì)象
作用域與閉包
原型與原型鏈
let和const
箭頭函數(shù)
解構(gòu)
promise
async...await
異常處理
EventLoop
2 Web進(jìn)階階段
vue框架做為工作中使用最廣泛的前端框架, 是面試和項(xiàng)目開發(fā)的重點(diǎn) 本階段以項(xiàng)目驅(qū)動(dòng), 詳細(xì)全面的介紹Vue2與Vue3框架全家桶, 嚴(yán)格按照項(xiàng)目管理的方式推進(jìn), ?由經(jīng)驗(yàn)豐富的高級(jí)項(xiàng)目經(jīng)理帶領(lǐng), 學(xué)員獨(dú)立完成需求分析, 技術(shù)設(shè)計(jì), 項(xiàng)目評(píng)審, 真實(shí)WBS分組分工協(xié)作, 提前體驗(yàn)實(shí)際工作場(chǎng)景
項(xiàng)目前準(zhǔn)備
node環(huán)境安裝
npm包管理工具
yarn與pnpm
RESTful接口對(duì)接與調(diào)試
Git配置與實(shí)戰(zhàn)應(yīng)用
Vue2基礎(chǔ)
聲明式渲染
響應(yīng)式系統(tǒng)及原理
屬性綁定
事件綁定
雙向綁定
條件渲染
列表渲染
動(dòng)態(tài)樣式
計(jì)算屬性
偵聽(tīng)器
過(guò)濾器
Vue2核心
生命周期與生命周期鉤子
vue2核心模塊與重點(diǎn)流程分析
組件
插槽
vue2源碼走讀
vue-router
vuex
ElementUI框架及實(shí)戰(zhàn)
大屏可視化項(xiàng)目
canvas原理
echarts
阿里datav云平臺(tái)
Vue3開發(fā)
compositionAPI
生命周期
組件通信
vite
pinia
3 WebGIS二維開發(fā)
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ū)分析
MapGIS二次開發(fā)
MapGIS全空間產(chǎn)品體系
MapGIS10.5Pro產(chǎn)品架構(gòu)深度解讀
MapGIS環(huán)境搭建
MapGIS平臺(tái)接口調(diào)用
MapGIS接口二次封裝
OpenLayers開發(fā)
canvas繪圖基礎(chǔ)
底圖加載渲染
地圖控件調(diào)用
交互式失量圖形繪制
地圖事件
API二次封裝
GeoJSON數(shù)據(jù)加載與解析
Mapbox開發(fā)
底圖加載渲染
地圖控件與事件
交互式失量圖形繪制
組件化集成
Mapbox+React應(yīng)用
公共開放平臺(tái)
高德地圖開放平臺(tái)
常用API
控件
動(dòng)畫與軌跡
GeoJSON數(shù)據(jù)持久化
阿里數(shù)據(jù)可視化平臺(tái)DataV-L7
3D柱狀圖
散點(diǎn)圖
雷達(dá)圖
水體3D填充
項(xiàng)目一: 智慧交通系統(tǒng)
基于Vue+OpenLayers/Mapbox全流程開發(fā)
多用戶權(quán)限管理
實(shí)時(shí)路況
事件查詢
緩沖區(qū)分析
疊加裁剪分析
4 WebGIS三維開發(fā)基礎(chǔ)
三維建模工具-blender
blender基本操作
三維場(chǎng)景建立
渲染出圖
動(dòng)畫CG
物理運(yùn)動(dòng)
三維核心理論-three.js
三維場(chǎng)景建立
相機(jī)與光照
三視圖與視角
3D坐標(biāo)系
投影與變換
3D幾何實(shí)體
紋理與材質(zhì)
著色器
3D建模數(shù)據(jù)加載
三維GIS開發(fā)-Cesium快速上手
3D底圖加載與渲染
常用控件
相機(jī)與視角
3D幾何實(shí)體渲染
Cesium物體動(dòng)效
粒子效果
物理仿真
傾斜攝影數(shù)據(jù)加載
地圖事件的初始化以及銷毀
3Dtiles的加載
primitive圖元
GeoJsonDataSource加載數(shù)據(jù)
Cesium繪制工具
項(xiàng)目一: 不動(dòng)產(chǎn)登記項(xiàng)目
cesium集成Vue3
cesium基礎(chǔ)工具庫(kù)封裝
區(qū)域切分
樓層分層
3D彈窗實(shí)現(xiàn)
不動(dòng)產(chǎn)登記業(yè)務(wù)流程
項(xiàng)目二: 建筑規(guī)劃項(xiàng)目
基于Vue3+Cesium
熟練運(yùn)用三個(gè)坐標(biāo)系之間的轉(zhuǎn)換
調(diào)整三維模型的擺放位置
vue3自定義長(zhǎng)按事件
5 WebGIS三維企業(yè)級(jí)實(shí)戰(zhàn)
本階段以企業(yè)常用的功能和案例為主, 重點(diǎn)介紹了Cesium的高級(jí)用法及部分底層原理, 不僅能應(yīng)對(duì)企業(yè)常用業(yè)務(wù)模塊, 更是跳槽漲薪的利器.
企業(yè)常用功能模塊逐項(xiàng)突破
三維空間分析模塊
以三維地形分析為出發(fā)點(diǎn), 詳解講解空間三維分析常用思路及處理方案, 廣泛應(yīng)用于
地質(zhì)分析
地礦分頁(yè)
建筑與規(guī)劃
雙屏聯(lián)動(dòng)模塊
各種地理信息系統(tǒng)中非常常見(jiàn)的功能, 實(shí)現(xiàn)二維, 三維雙屏聯(lián)動(dòng)
左邊顯示二維地圖
右邊顯示三維模型
調(diào)整二維地圖時(shí), 同步實(shí)時(shí)顯示三維信息
可視域分析模塊
不僅可以應(yīng)用于房地產(chǎn), 景觀分析, 還可以應(yīng)用于智能駕駛
模型裁剪模塊
淹沒(méi)分析模塊
WebGL核心原理
WebGL工作原理
WebGL繪制簡(jiǎn)單圖元
WebGL繪制立方體，渲染三維場(chǎng)景
WebGL添加場(chǎng)景光照
WebGL著色器語(yǔ)法講解
Cesium高級(jí)應(yīng)用
Cesium自定義模型著色器
Cesium材質(zhì)詳解與自定義材質(zhì)
Cesium自定義后處理效果
Cesium自定義echarts圖層
項(xiàng)目一: 公交車軌跡漫游項(xiàng)目
cesium中時(shí)間軸的使用
第一人稱視角以及跟隨視角平滑的切換
cesium中實(shí)現(xiàn)定點(diǎn)漫游
漫游中監(jiān)聽(tīng)事件
項(xiàng)目二: 三維數(shù)字孿生智慧城市項(xiàng)目
基于 Cesium + webGL + shader 實(shí)戰(zhàn)應(yīng)用
真實(shí)項(xiàng)目中設(shè)計(jì)稿交付
城市級(jí)shp數(shù)據(jù)處理
城市級(jí)白膜的大數(shù)據(jù)處理與前端渲染
城市三維場(chǎng)景構(gòu)建：水域效果、道路特效、地標(biāo)特效
Cesium天氣功能（晴、雨、霧、雪）
cesium中著色器使用技巧與特效類封裝技巧
三維可視化大屏開發(fā)技巧
Cesium + Echart 實(shí)現(xiàn)3D弧線遷徙圖
城市模型效果：漸變、呼吸燈、掃光、夜景
