WebGIS開(kāi)發(fā)培訓(xùn)目錄

一、培訓(xùn)總覽

二、培訓(xùn)核心目標(biāo)

1. 熟練掌握ArcGIS 10.4.1產(chǎn)品及平臺(tái)架構(gòu)，明晰WebGIS開(kāi)發(fā)核心原理與機(jī)制，建立系統(tǒng)的WebGIS開(kāi)發(fā)知識(shí)體系，適配存量項(xiàng)目技術(shù)棧；
2. 精通ArcGIS Server 10.4.1安裝、部署與管理流程，熟練完成MyEclipse2014+ArcGIS API for JavaScript（10.4.1版本）開(kāi)發(fā)環(huán)境搭建與問(wèn)題排查；
3. 熟練運(yùn)用H5、CSS、Dojo核心技術(shù)，掌握J(rèn)SON數(shù)據(jù)交互技巧，具備WebGIS前端頁(yè)面設(shè)計(jì)、樣式優(yōu)化與基礎(chǔ)交互開(kāi)發(fā)能力；
4. 掌握WebGIS核心類（Map、Layer等）與常用部件（鷹眼圖、比例尺等）操作，能獨(dú)立完成圖層管理、信息彈窗、控件集成等基礎(chǔ)功能開(kāi)發(fā)；
5. 熟練實(shí)現(xiàn)2D地圖、切片、要素、影像等多類型服務(wù)的動(dòng)態(tài)加載與管理，掌握地圖導(dǎo)航、繪圖、編輯、符號(hào)渲染等核心交互操作；
6. 能獨(dú)立完成查詢檢索、地址編碼匹配、網(wǎng)絡(luò)分析、地處理服務(wù)調(diào)用等核心業(yè)務(wù)任務(wù)，具備功能落地與調(diào)試能力；
7. 掌握自定義組件開(kāi)發(fā)（信息窗口、專題圖）、軌跡移動(dòng)、跨域訪問(wèn)解決等進(jìn)階技能，熟練完成WebGIS應(yīng)用部署與上線；
8. 適配2026年WebGIS開(kāi)發(fā)主流趨勢(shì)，具備存量項(xiàng)目（ArcGIS Server 10.4.1）優(yōu)化、現(xiàn)代前端技術(shù)適配及項(xiàng)目全流程開(kāi)發(fā)能力。

三、培訓(xùn)對(duì)象

四、培訓(xùn)核心知識(shí)點(diǎn)

（一）WebGIS二次開(kāi)發(fā)基礎(chǔ)入門(mén)

• 平臺(tái)與產(chǎn)品認(rèn)知：ArcGIS 10.4.1全產(chǎn)品體系（Desktop、Server、API、License Manager）核心功能；WebGIS開(kāi)發(fā)核心機(jī)制（服務(wù)發(fā)布-調(diào)用-交互）與平臺(tái)架構(gòu)（C/S+B/S）解析；
• 開(kāi)發(fā)環(huán)境搭建：MyEclipse2014安裝、配置與優(yōu)化（內(nèi)存配置、編碼格式設(shè)置）；JDK 1.8環(huán)境搭建、環(huán)境變量配置與版本校驗(yàn)；ArcGIS Server 10.4.1安裝、授權(quán)激活（在線/離線）與服務(wù)啟停管理；
• 開(kāi)發(fā)流程與規(guī)范：WebGIS二次開(kāi)發(fā)完整流程（需求分析-環(huán)境搭建-服務(wù)準(zhǔn)備-前端開(kāi)發(fā)-調(diào)試部署）；ArcGIS API for JavaScript（10.4.1）核心特性、模塊組成與引用方式；項(xiàng)目基礎(chǔ)架構(gòu)設(shè)計(jì)（頁(yè)面層-邏輯層-服務(wù)調(diào)用層）；
• 實(shí)操練習(xí)：ArcGIS 10.4.1產(chǎn)品（Server、Desktop）安裝與部署；ArcGIS API for JavaScript開(kāi)發(fā)環(huán)境搭建（本地部署+CDN引用）；首個(gè)Hello World地圖頁(yè)面開(kāi)發(fā)與環(huán)境測(cè)試。

（二）前端核心技術(shù)基礎(chǔ)（H5+CSS+Dojo）

• H5核心應(yīng)用：H5核心特性（語(yǔ)義化標(biāo)簽、本地存儲(chǔ)、Canvas、地理定位）；WebGIS場(chǎng)景中H5的應(yīng)用（地圖容器布局、圖形繪制、位置獲�。�；
• HTML基礎(chǔ)實(shí)操：常用HTML標(biāo)簽（div、span、input等）詳解；WebGIS頁(yè)面基礎(chǔ)結(jié)構(gòu)設(shè)計(jì)（地圖容器、控件區(qū)域、信息展示區(qū)）；標(biāo)簽語(yǔ)義化與兼容性優(yōu)化；
• CSS樣式優(yōu)化：CSS基礎(chǔ)語(yǔ)法（選擇器、屬性、值）；WebGIS頁(yè)面布局技巧（Flex彈性布局、Float浮動(dòng)布局、Position定位布局）；地圖控件（按鈕、彈窗）樣式美化與響應(yīng)式適配；
• Dojo與JSON交互：Dojo核心特性（模塊化、異步加載、DOM操作）與語(yǔ)法基礎(chǔ)；Dojo模塊加載機(jī)制（require/define）與常用模塊引入；JSON數(shù)據(jù)格式解析與Dojo數(shù)據(jù)交互方法（xhrGet/xhrPost）；
• 實(shí)操練習(xí)：基于H5的WebGIS基礎(chǔ)頁(yè)面設(shè)計(jì)；Dojo實(shí)現(xiàn)JSON數(shù)據(jù)接收與發(fā)送（模擬服務(wù)端交互）；頁(yè)面響應(yīng)式樣式優(yōu)化。

（三）WebGIS核心類與部件操作

• 核心概念解析：WebGIS開(kāi)發(fā)核心術(shù)語(yǔ)（地圖、圖層、要素、符號(hào)、渲染器）；ArcGIS API for JavaScript（10.4.1）核心對(duì)象模型；
• 核心類實(shí)操：Map類（初始化、參數(shù)配置、事件監(jiān)聽(tīng)）；Layer類（動(dòng)態(tài)圖層、切片圖層、要素圖層創(chuàng)建與管理）；Geometry類（點(diǎn)、線、面幾何對(duì)象創(chuàng)建與編輯）；Symbol類（自定義符號(hào)樣式配置）；Graphic類（圖形要素創(chuàng)建與屬性綁定）；Render類（簡(jiǎn)單渲染、唯一值渲染、分級(jí)渲染）；
• 常用部件集成：鷹眼圖（OverviewMap）、比例尺（ScaleBar）、書(shū)簽（Bookmark）、信息窗口（InfoWindow）、導(dǎo)航控件等創(chuàng)建與配置；部件位置調(diào)整與功能優(yōu)化；
• 實(shí)操練習(xí)：編碼實(shí)現(xiàn)圖層管理（加載、顯示/隱藏、透明度調(diào)整）；集成鷹眼圖、比例尺等控件；實(shí)現(xiàn)要素點(diǎn)擊信息彈窗功能。

（四）地圖服務(wù)加載與管理

• 服務(wù)類型認(rèn)知：2D地圖服務(wù)、切片服務(wù)（緩存服務(wù)）、要素服務(wù)、影像服務(wù)的核心特性、發(fā)布條件與應(yīng)用場(chǎng)景；服務(wù)URL格式解析；
• 服務(wù)發(fā)布基礎(chǔ)：ArcGIS Server 10.4.1地圖服務(wù)、影像服務(wù)發(fā)布流程與參數(shù)配置；服務(wù)權(quán)限設(shè)置與訪問(wèn)控制；
• 服務(wù)動(dòng)態(tài)加載：動(dòng)態(tài)地圖服務(wù)（ArcGISDynamicMapServiceLayer）、切片服務(wù)（ArcGISTiledMapServiceLayer）、要素服務(wù)（FeatureLayer）、影像服務(wù)（ArcGISImageServiceLayer）加載與參數(shù)設(shè)置；多服務(wù)疊加加載與圖層順序控制；服務(wù)加載狀態(tài)監(jiān)聽(tīng)與異常處理；
• 實(shí)操練習(xí)：加載ArcGIS Server地圖服務(wù)、影像服務(wù)；實(shí)現(xiàn)多服務(wù)疊加顯示；處理服務(wù)加載失敗問(wèn)題。

（五）地圖核心交互操作

• Map方法應(yīng)用：地圖放大、縮小、平移、全圖、定位等核心方法調(diào)用；地圖事件（加載完成、范圍變化、點(diǎn)擊、雙擊）監(jiān)聽(tīng)與響應(yīng)；
• 核心交互實(shí)現(xiàn)：導(dǎo)航操作（自定義導(dǎo)航按鈕功能）；繪圖操作（點(diǎn)、線、面、矩形等圖形繪制，自定義繪制樣式）；圖形編輯操作（選中、移動(dòng)、修改、刪除已繪制圖形）；符號(hào)渲染與可視化優(yōu)化；
• 實(shí)操練習(xí)：開(kāi)發(fā)地圖導(dǎo)航功能（放大、縮小、平移、定位）；實(shí)現(xiàn)多類型圖形繪制與編輯；基于渲染器實(shí)現(xiàn)要素分級(jí)可視化。

（六）核心業(yè)務(wù)任務(wù)實(shí)現(xiàn)

• 查詢檢索功能：QueryTask創(chuàng)建與配置；屬性查詢、空間查詢條件構(gòu)建；查詢結(jié)果解析、高亮顯示與定位；
• 服務(wù)端渲染：服務(wù)端渲染原理與優(yōu)勢(shì)；渲染參數(shù)（符號(hào)、標(biāo)簽、透明度）配置；可視化效率優(yōu)化；
• 地址編碼匹配：Locator服務(wù)核心原理；地址轉(zhuǎn)坐標(biāo)（正向編碼）、坐標(biāo)轉(zhuǎn)地址（反向編碼）實(shí)現(xiàn)；匹配結(jié)果地圖定位；
• 網(wǎng)絡(luò)分析應(yīng)用：網(wǎng)絡(luò)分析服務(wù)發(fā)布基礎(chǔ)；RouteTask創(chuàng)建與配置；起點(diǎn)、終點(diǎn)、障礙點(diǎn)參數(shù)設(shè)置；最優(yōu)路徑規(guī)劃與結(jié)果可視化；
• 地處理服務(wù)調(diào)用：GeoprocessingService核心概念；Geoprocessor任務(wù)創(chuàng)建與參數(shù)傳遞；地處理結(jié)果解析與顯示（如緩沖區(qū)分析）；
• 實(shí)操練習(xí)：實(shí)現(xiàn)屬性查詢與空間查詢；開(kāi)發(fā)地址編碼匹配與定位功能；調(diào)用網(wǎng)絡(luò)分析服務(wù)實(shí)現(xiàn)路徑規(guī)劃；調(diào)用地處理服務(wù)完成緩沖區(qū)分析。

（七）開(kāi)發(fā)進(jìn)階：自定義組件與專題圖

• 自定義InfoWindow開(kāi)發(fā)：默認(rèn)InfoWindow局限分析；基于HTML+CSS實(shí)現(xiàn)個(gè)性化彈窗樣式；彈窗內(nèi)容動(dòng)態(tài)綁定與事件監(jiān)聽(tīng)；
• 自定義專題圖開(kāi)發(fā)：專題圖核心原理；分級(jí)色彩專題圖、比例符號(hào)專題圖、餅圖/柱狀圖專題圖設(shè)計(jì)與實(shí)現(xiàn)；專題圖參數(shù)配置（字段選擇、分級(jí)間隔、圖例生成）；
• 實(shí)操練習(xí)：開(kāi)發(fā)個(gè)性化信息彈窗；基于業(yè)務(wù)數(shù)據(jù)實(shí)現(xiàn)分級(jí)色彩專題圖與比例符號(hào)專題圖；集成專題圖圖例。

（八）高級(jí)應(yīng)用與項(xiàng)目部署

• 軌跡移動(dòng)開(kāi)發(fā)：軌跡移動(dòng)核心原理（時(shí)間軸+坐標(biāo)序列）；軌跡數(shù)據(jù)（JSON格式）解析；基于定時(shí)器實(shí)現(xiàn)軌跡動(dòng)態(tài)播放與暫停；
• 跨域訪問(wèn)解決：跨域問(wèn)題產(chǎn)生原因；代理服務(wù)器配置（Ajax跨域代理）；ArcGIS Server跨域訪問(wèn)設(shè)置；
• 項(xiàng)目部署上線：Windows平臺(tái)WebGIS應(yīng)用部署流程；Tomcat服務(wù)器配置與應(yīng)用發(fā)布；部署后問(wèn)題排查（端口沖突、服務(wù)訪問(wèn)異常）；
• 實(shí)操練習(xí)：開(kāi)發(fā)軌跡移動(dòng)應(yīng)用；實(shí)現(xiàn)代理Ajax跨域訪問(wèn)；完成Windows平臺(tái)WebGIS應(yīng)用部署與測(cè)試。