ArcGIS API for Javascript Web应用开发

1、ArcGIS API for Javascript Web应用开发是世界上最流行的编程语言之一Web开发前端开发JavaScriptHTMLCSS后端开发Java或 DoNet或 HTTP听过许多道理，却依然学不好前端Web前端开发的套路1、利用HTML构建DOM树LeftRightLogoWeb前端开发的套路2、利用CSS进行页面布局、美化DOM的展现leftrightlogoWeb前端开发的套路3、利用JS对DOM进行事件绑定4、在事件的处理方法中实现DOM操作/前后端通信/其他逻辑logo我是按钮left按钮控制我的可见性right HTML/CSS JavaScript HTTP 框架

2、Web前端开发者的内功 层叠 盒模型 包含块CSS基本概念CSS定位体系 常规流(BFCIFC) 浮动 绝对定位 工作模式 内核差异浏览器兼容性Web前端开发者的内功-HTML/CSS参考资料：/zh-cn/kb/语言基础 数据类型 流程控制 运算符 数组 对象 正则入门操作 DOM操作 BOM操作 事件绑定 事件冒泡面向对象 Function类 原形链运行机制 this 作用域 闭包Web前端开发者的内功-JavaScript参考资料：javascript权威指南HTTP通信Cookie原理Session原理跨域JSONP缓存机制Web前端开发者的内功

3、-HTTPGETPOSTWeb前端开发者的内功-框架根据需求选择哪里写代码？哪里调试？哪里部署？调试后端接口？SublimeTextChromeIISJsonview、PostmanWeb前端开发者的武器 WebGIS开发者必备 浏览器中调用ArcGIS功能的JS库 基于dojo框架开发 当前版本V3.17，另有V4.0ArcGIS API for Javascript 是什么？ArcGIS API for Javascript工作机制GeodatabaseArcGIS API for JavascriptHTTPREST APIArcGIS Server浏览器端服务器端ArcGIS API

4、for Javascript 能干什么？ArcGIS API forJavascript功能封装对REST API的访问访问空间数据增删查改数据访问GP服务空间分析浏览器端渲染空间数据渲染栅格数据地图展示渲染矢量数据点线面绘制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基本一致，只是略有调整 目前版本为 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-精简一致的接口访问规律一：所有属性都能传入构造函数示例：属性的访问和设置示例：属性传入构造函数API 4.0-精简一致的接口访问规律二：所有属性的变化都能被监听示例：监听地图范围的改变示例：监听底图标题的改变 重新设计的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