Javascript API for ArcGIS入门与提高

PointSymbol3D
Renderers
Accessor
Renderer
ClassBreaksRenderer
SimpleRenderer
UniqueValueRenderer
Widgets(高扩展和伸缩性)
Tasks
Accessor
Task
QueryTask
IdentifyTask
RouteTask
2016
2012/9
2011/9 2012/3 2012/6
可以做什么
1. 快速创建交互式的地图应用。
2.
使用ArcGIS Server的REST API，可以实现显示、查询、分析等功能。
3.
调用ArcGIS Server的GP服务，提供专业的分析结果。
4.
5.
同时调用多个ArcGIS Server的服务，轻松实现融合应用。
ArcGISImageServiceVectorLayer
StreamLayer
CSVLayer
WFSSLayer
LoadMaplayers
TiledLayer
DynamicServerLayer
ImageServiceLayer
GraphicLayer
VectorTileLayer
WebTiledLayer
DOJO
https://dojotoolkit.org/documentation/ http://resources.arcgis.com/en/help/rest/apiref/
开发IDE和智能提示
Aptana Studio 2/3
Visual Studio
WebStorm ++
JSLint Plug-in
ArcGIS API for JavaScript 简介
什么是ArcGIS API for JavaScript
1. 2. 3. 首发布于ArcGIS 9.3 调用ArcGIS Server REST API 的一组JavaScript脚本库 基于功能强大的Dojo工具包
2015/9 2013/9 2013/8 2013/1 2013/5 V3.7 V3.6 V3.5 V2.5 V2.8 V3.0 V3.2 V3.3 V3.15 V4.0
Legend
Locate Button
Measurement WidgetOverview Map
。。。。。。
Layers
Layer
DynamicMapServiceLayer
GraphicsLayer KMLLayer
GeoRSSLayer
MapImageLayer
TiledMapServiceLayer
调用ArcGIS Server 发布的地理处理服务
Point in polygon search
Population zonal statistics
ServiceAreaTask
Viewshed
。。ቤተ መጻሕፍቲ ባይዱ。。。
海量影像管理和共享在线系统
平台概述
数据目录
影像详细情况
影像地图
分屏对比
时态展示
Map, MapView and SceneView(new)
MapView（2D）
SceneView（3D）
Layers(4.X修改)
Accessor
Layer
DynamicLayer
GraphicsLayer
FeatureLayer
TileLayer
ArcGISDynamicLayer
SceneLayer
轻松融合Web应用系统，实现基于地图的应用系统。
为什么选择JavaScript
1.
2.
主流的浏览器均支持JavaScript，无需安装任何插件
JavaScript目前是世界最主流的Web开发语言，轻量级的 Web开发脚本语言 纯粹的客户端语言(运行在客户端的浏览器内)，包括桌面 和移动端 有各种成熟的JavaScript框架：Dojo、jQuery、ExtJS、 Prototype、YUI……
JavaScript API for ArcGIS 入门与提高
目录
1. ArcGIS API for JavaScript 简介 2. ArcGIS API for JavaScript 入门 (3.X) 3. 海量影像在线管理和共享系统（Demo） 4. 新一代ArcGIS API for JavaScript (4.X) 5. New Esri Open Source Javascript Projects
新一代ArcGIS API for JavaScript 4.X
API 4.X vs API 3.X
1. 支持Web3D开发
2. 相同的命名空间 3. 一样的编码方式 4. 不完全兼容3.X API
Cleaner and Simpler API
Support for 3D
API 3.X架构VS API 4.X架构
FillSymbol
SimpleFillSymbol PictureFillSymbol
LineSymbol
SimpleLineSymbo
MarkerSymbol
SimpleMarkerSymbol PicureMarkerSymbol
LineSymbolz3D
PolygonSymbol3D
MeshSymbol3D
WebTiledLayer 3D(new)
OpenStreetMapLayer 3D(4.X new)
Geometry
Accessor
Geometry
Point
PolyLine
Extent
Polygon
MutiPoint
Symbols
Accessor
Symbol
(4.X new)
TextSymbol Symbol3D
StreamLayer
ArcGISElevationLayer
ArcGISTiledLayer
WebTiledLayer
VectorTileLayer
OpenStreetMapLayer
GroupLayer
ArcGISImageLayer
LoadWebSence (4.X new)
Scene Layer(new)
3.
4.
新的版本
版本：3.15 版本：4.0
Content
ArcGIS API for Javascript Dojo dgrid put-selector xstyle
Version
4.0Beta3 Dojo 1.10.4 0.3.17. 0.3.6 0.1.3
descriptoin
WebGIS API js框架 data grid 操作dom元素 CSS loader
DotDensityRenderer
BlendRenderer VectorFieldRenderer
Using Renderers Visualization
SimpleRenderer
UniqueValueRenderer
ClassBreaksRenderer
HeatMapRenderer
TemporalRenderer
API 3.X API 4.X
Developer
Map
Developer
Map Layers
Viewport2D
Viewport3D
Layers 2D LayerViews
Layers 3D LayerViews
Web3D体系机构
Web App API 4.0 WebGL Shaders Vertex Shader Fragment Shader
WMSLayer ArcGISImageServiceLayer
RasterLayer WebTiledLayer VectorTileLayer ArcGISTiledMapServiceLayer OpenStreetMapLayer WMTSLayer
ArcGISDynamicMapServiceLayer FeatureLayer LabelLayer
FindTask
Locator
ClosestFacilityTask
GeometryService
Geoprocessor
ServiceAreaTask
ImageServiceIdentifyTask
New Esri Open Source Javascript Projects
1. Esri-Leaflet
Esri-Leaflet
Basemaps
Image Map Layer
Dynamic Map Layer
Tile Layers
Non-mercator
streets
hybrid
gray
dark-gray
oceans
nationalgeographic
terrain
osm
Mapping Controls
Basemap Gallery
Basemap Toggle
Home Button
LayerList Widget
Scalebar
LayerSwipe Widget
Geometry and Symbols
Geometry
Point
PolyLine
Polygon
MutiPoint
Symbol
FillSymbol
LineSymbol
MarkerSymbol
TextSymbol
SimpleLineSymbol
SimpleFillSymbol
PictureFillSymbol
SimpleMarkerSymbol
PicureMarkerSymbol
Renderers
Renderer
ClassBreaksRenderer
SimpleRenderer
HeatMapRenderer
UniqueValueRenderer
TemporalRenderer ScaleDependentRender
WMTS
GeoRSSLayer
ImageServiceVectorLayer
WFS Layer
。。。。。。
Stream Layer
StreamLayer
扩展了feature layer，添加了能连接使用HTML5 WebSockets数据流的能 力
VectorTileLayer
矢量切片图层以矢量数据方式加载切片数据，可以在客户端自定切片数据样式
• 查询同一个地图服务的多个图层。 • 仅能查询属性信息。
多图层几何查询：IdentifyTask
• 查询同一个地图服务的多个图层。 • 仅能通过几何图形来查询。
GeometryService
Buffer 。。。。。。
Areas And Lenghts
Label Points
Reshape
Geoprocessor
ArcGIS API for JavaScript 入门(3.X)
入门基础
HTML/CSS3/JavaScript
http://www.w3school.com.cn/
JavaScript Garden http://bonsaiden.github.io/JavaScript-Garden/
https://developer.mozilla.org/zh-CN/docs/Web/API https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
是一个帮助开发者使用Leaflet 构建轻量级应用的JS地图组件库
2.Geoservices.js
是一个在浏览器或者Node.js操作ArcGIS Online服务的JS客户端
3. Terraformer
是一个处理不同几何类型并构建空间数据库的几何工具包
4.Pushlet
是一个通过Apple和Google推送通知服务发送通知的简单API
Subline Text 2/3
Notepad ++
Elipse
IDE 。。。。。。
新的使用方式
新的在线使用地址：
本地部署 服务离线预览
Web服务器 arcgis js api Web
jsapi sdk
init.js
dojo.js
开发帮助
API Content
Map
topo
satellite
DotDensityRenderer ScaleDependentRender
BlendRenderer
VectorFieldRenderer
Tasks
Tasks
QueryTask
IdentifyTask
RouteTask
FindTask
Locator
ClosestFacilityTask
GeometryService
Geoprocessor
ServiceAreaTask
ImageServiceIdentifyTask
单图层查询：QueryTask
• 查询一个地图服务中的单个图层 • 可进行属性查询、几何查询或二都同时查询。
QueryTask
• 创建QueryTask
• 属性查询
• 图形查询
多图层属性查询：FindTask