ArcGIS API for Javascript Web應(yīng)用開發(fā)

1、ArcGIS API for Javascript Web應(yīng)用開發(fā)是世界上最流行的編程語言之一Web開發(fā)前端開發(fā)JavaScriptHTMLCSS后端開發(fā)Java或 DoNet或 HTTP聽過許多道理，卻依然學不好前端Web前端開發(fā)的套路1、利用HTML構(gòu)建DOM樹LeftRightLogoWeb前端開發(fā)的套路2、利用CSS進行頁面布局、美化DOM的展現(xiàn)leftrightlogoWeb前端開發(fā)的套路3、利用JS對DOM進行事件綁定4、在事件的處理方法中實現(xiàn)DOM操作/前后端通信/其他邏輯logo我是按鈕left按鈕控制我的可見性right HTML/CSS JavaScript HTTP 框架

2、Web前端開發(fā)者的內(nèi)功 層疊 盒模型 包含塊CSS基本概念CSS定位體系 常規(guī)流(BFCIFC) 浮動 絕對定位 工作模式 內(nèi)核差異瀏覽器兼容性Web前端開發(fā)者的內(nèi)功-HTML/CSS參考資料：/zh-cn/kb/語言基礎(chǔ) 數(shù)據(jù)類型 流程控制 運算符 數(shù)組 對象 正則入門操作 DOM操作 BOM操作 事件綁定 事件冒泡面向?qū)ο?Function類 原形鏈運行機制 this 作用域 閉包Web前端開發(fā)者的內(nèi)功-JavaScript參考資料：javascript權(quán)威指南HTTP通信Cookie原理Session原理跨域JSONP緩存機制Web前端開發(fā)者的內(nèi)功

3、-HTTPGETPOSTWeb前端開發(fā)者的內(nèi)功-框架根據(jù)需求選擇哪里寫代碼？哪里調(diào)試？哪里部署？調(diào)試后端接口？SublimeTextChromeIISJsonview、PostmanWeb前端開發(fā)者的武器 WebGIS開發(fā)者必備 瀏覽器中調(diào)用ArcGIS功能的JS庫 基于dojo框架開發(fā) 當前版本V3.17，另有V4.0ArcGIS API for Javascript 是什么？ArcGIS API for Javascript工作機制GeodatabaseArcGIS API for JavascriptHTTPREST APIArcGIS Server瀏覽器端服務(wù)器端ArcGIS API

4、for Javascript 能干什么？ArcGIS API forJavascript功能封裝對REST API的訪問訪問空間數(shù)據(jù)增刪查改數(shù)據(jù)訪問GP服務(wù)空間分析瀏覽器端渲染空間數(shù)據(jù)渲染柵格數(shù)據(jù)地圖展示渲染矢量數(shù)據(jù)點線面繪制GeometryPointPolylinePolygonExtentQueryTask包含300+個類ArcGIS API for Javascript 怎么用？MapLayerGraphicMapLayerGraphicGeometryPointPolyline1nLayer-visible-.-.GraphicsLayer-.FeatureLayer-.TiledMa

5、pServiceLayer-.ArcGISTiledMapServiceLayer-.DynamicMapServiceLayer-.ArcGISDynamicMapServiceLayer-.地圖-圖層Map-extent-addLayer(layer)-.Geometry-.Point-x-y-.Polyline-paths-addPath(path)-.Polygon-rings-addRing(ring)-.圖層-要素GraphicsLayer-graphics-add(graphic)-.1nGraphic-attributes-geometry-.QueryTask-url-exe

6、cute(parameters,callback)-.Geoprocessor-url-execute(parameters,callback)-.IdentifyTask-url-execute(parameters,callback)-.-url-execute(parameters,callback)-.查詢分析使用QueryTask進行查詢的示例代碼ArcGIS JavaScript API 4.0 不是3.X的簡單功能升級，而是另起爐灶 編程模型與3.X基本一致，只是略有調(diào)整 目前版本為 4.0V3.1V3.2V3.17V4.0V4.1MapView (2D)-.SceneView

7、(3D)-camera-.編程模型變化Map-extent-addLayer(layer)-.1nLayer-visible-.API 3.XView-extent-map-.11Map-addLayer(layer)-.1nLayer-visible-.API 4.0API 4.0-精簡一致的接口訪問規(guī)律一：所有屬性都能傳入構(gòu)造函數(shù)示例：屬性的訪問和設(shè)置示例：屬性傳入構(gòu)造函數(shù)API 4.0-精簡一致的接口訪問規(guī)律二：所有屬性的變化都能被監(jiān)聽示例：監(jiān)聽地圖范圍的改變示例：監(jiān)聽底圖標題的改變 重新設(shè)計的API 精簡一致的接口 支持Web3DArcGIS JavaScript API 4.0Capability3DEditing and SketchingTimeOGC (WMS, WMTS, WFS, KML)GIS functionality widgets (Directions,Analysis, Measurement)PrintingVector TilesGeometry Engine3.17Not available.Released.Released.Released.Released.Released.Releas