├── ArcGIS API For Javacsript编辑客户端图形
    └── ArcGIS API For Javacsript编辑客户端图形.html
├── ArcGIS API For Javascript之GraphicsLayer
    ├── GraphicsLayer的属性查询.html
    ├── 实现用户交互画图Draw工具.html
    └── 根据具体坐标生成Graphic.html
├── ArcGIS API For Javascript之几何服务
    ├── 多边形求交.html
    └── 缓冲区分析.html
├── ArcGIS API For Javascript之地图操作及小部件
    ├── OverviewMap--地图.html
    ├── OverviewMap-DOM.html
    └── 地图操作.html
├── ArcGIS API For Javascript之地图输出
    └── ArcGIS API For Javascript之地图输出.html
├── ArcGIS API For Javascript之提示文件
    └── jsapi_vsdoc12_v38.zip
├── ArcGIS API For Javascript之查询功能
    ├── 利用FindTask实现简单的属性查询.html
    ├── 利用IdentifyTask实现空间查询.html
    ├── 利用QueryTask实现空间查询.html
    └── 利用QueryTask进行属性查询.html
├── ArcGIS API For Javascript之渲染实现
    ├── 分类渲染.html
    ├── 唯一值渲染.html
    └── 服务器渲染.html
├── ArcGIS API For Javascript之编辑服务器端图层
    └── ArcGIS API For Javascript之要素编辑.html
├── ArcGIS API For Javascript之网络分析
    └── ArcGIS API For Javascript之网络分析.html
├── ArcGIS API For Javascript之调用GP服务
    └── ArcGIS API For Javascript之调用GP服务.html
├── ArcGIS API For Javascript之调用动态地图服务
    ├── 通过属性查询地图服务中的信息.html
    └── 通过空间查询地图服务中的信息.html
├── ArcGIS API For Javascript之调用地理编码服务
    └── ArcGIS API调用地理编码服务.html
├── ArcGIS API For Javascript之调用结果地图服务
    └── ArcGIS API For Javascript之调用结果地图服务.html
├── data
    ├── ArcGIS Server之SOE开发（中）.rar
    ├── ArcGIS Server之发布GP服务-返回矢量数据.rar
    ├── ArcGIS Server之发布切片地图服务.rar
    ├── ArcGIS Server之发布动态地图服务.rar
    ├── ArcGIS Server之发布地理编码服务.rar
    ├── ArcGIS Server之发布影像服务.rar
    ├── ArcGIS Server之发布结果地图服务.rar
    ├── ArcGIS Server之发布网络分析服务.rar
    ├── ArcGIS Server之发布要素服务.rar
    ├── ArcGIS Server之扩展几何网络分析.zip
    └── TraceAnalyse.zip
└── readme.md


/ArcGIS API For Javacsript编辑客户端图形/ArcGIS API For Javacsript编辑客户端图形.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javacsript编辑客户端图形/ArcGIS API For Javacsript编辑客户端图形.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之GraphicsLayer/GraphicsLayer的属性查询.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之GraphicsLayer/GraphicsLayer的属性查询.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之GraphicsLayer/实现用户交互画图Draw工具.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之GraphicsLayer/实现用户交互画图Draw工具.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之GraphicsLayer/根据具体坐标生成Graphic.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之GraphicsLayer/根据具体坐标生成Graphic.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之几何服务/多边形求交.html:
--------------------------------------------------------------------------------
  1 | ﻿<!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>多边形求交</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 | 			"dojo/dom","dojo/on","dojo/query",
 20 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 21 |             "esri/symbols/SimpleMarkerSymbol",
 22 |             "esri/symbols/SimpleLineSymbol",
 23 |             "esri/symbols/SimpleFillSymbol",
 24 |             "esri/toolbars/draw",
 25 |             "esri/graphic",
 26 |             "esri/tasks/GeometryService",
 27 | 			"dojo/colors",
 28 |             "dojo/domReady!"],
 29 |             function (Map,dom,on,query,
 30 |                 ArcGISDynamicMapServiceLayer,
 31 |                 SimpleMarkerSymbol,
 32 |                 SimpleLineSymbol,
 33 |                 SimpleFillSymbol,
 34 |                 Draw,
 35 |                 Graphic,
 36 |                 GeometryService,
 37 |                 Color) {
 38 |                 var map = new esri.Map("mapDiv");
 39 |                 var layer = new esri.layers.ArcGISDynamicMapServiceLayer
 40 |                 ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
 41 |                 map.addLayer(layer);
 42 | 				//创建几何服务对象
 43 |                 var geometryServices = new GeometryService("http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer");
 44 | 				//一个标志位，用于记录是绘制第几个参数
 45 | 				//1代表第一个参数
 46 | 				//2代表第二个参数
 47 | 				var flag;
 48 | 				//第一个参数  注意第一个参数是多个形状
 49 | 				var geometries=[];
 50 | 				//第二个参数  注意第二个参数是一个形状
 51 | 				var paramGeometry;
 52 |                 //使用toolbar上的绘图工具
 53 |                 var toolBar = new Draw(map);
 54 | 				
 55 |                 //线符号
 56 |                 lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
 57 |                 //第一个参数的面符号
 58 |                 polygonSymbol1 = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol, new Color([255, 0, 0, 0.25]));
 59 | 				//第二个参数的面符号
 60 |                 polygonSymbol2 = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol, new Color([0, 255, 0, 0.25]));
 61 | 				//求交之后的面符号
 62 |                 polygonSymbol3 = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol, new Color([0, 0, 255, 0.25]));
 63 | 				//给绘制polygon的按钮绑定事件
 64 | 				query(".pbtn").on("click",function(event){
 65 | 					var value=event.rangeParent.data;
 66 | 					switch(value){
 67 | 						case "第一个参数":{
 68 | 							flag=1;
 69 | 							break;
 70 | 							
 71 | 						}
 72 | 						case "第二个参数":{
 73 | 							flag=2;
 74 | 							break;
 75 | 						}	
 76 | 					}
 77 | 					//激活绘制多边形
 78 | 					toolBar.activate(Draw.POLYGON, {
 79 |                         showTooltips:true
 80 |                     })
 81 | 					
 82 | 				})
 83 | 				//绘图结束绑定事件
 84 | 				on(toolBar,"draw-end",function(result){
 85 | 					//获得面形状
 86 | 					var geometry=result.geometry;
 87 | 					//创建Graphic
 88 | 					var graphicpoint;
 89 | 
 90 | 					//很重要！！！在这里构建参数对象
 91 | 					if(flag==1)
 92 | 					{
 93 | 						//创建Graphic
 94 | 						graphicpoint = new Graphic(geometry, polygonSymbol1);
 95 | 						geometries.push(geometry)
 96 | 					}
 97 | 					else if(flag==2)
 98 | 					{
 99 | 						//创建Graphic
100 | 						graphicpoint = new Graphic(geometry, polygonSymbol2);
101 | 						paramGeometry=geometry;
102 | 					}	
103 |                     map.graphics.add(graphicpoint); 
104 | 					//关闭绘图工具
105 |                     toolBar.deactivate();					
106 | 				})
107 | 				//给求交按钮绑定事件
108 |                 on(dom.byId("Btn"),"click",function(){
109 | 					//在这里在说一边，第一个参数是图形集合，第二个参数是一个图形
110 | 					geometryServices.intersect(geometries,paramGeometry,function(result){
111 | 						for(var idx in result)
112 | 						{
113 | 							//创建Graphic
114 | 							var graphic=new Graphic(result[idx],polygonSymbol3)
115 | 							//将每一个结果都放在map中
116 | 							map.graphics.add(graphic)
117 | 						}
118 | 					})
119 | 				})
120 |                
121 |             });
122 |     </script>
123 | </head>
124 | <body>
125 |     <div id="mapDiv" class="MapClass"></div>
126 | 	<button class="pbtn" >第一个参数</button>
127 |     <button class="pbtn" >第二个参数</button>
128 |     <input id="Btn" type="button" value="求交分析" />
129 | </body>
130 | </html>
131 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之几何服务/缓冲区分析.html:
--------------------------------------------------------------------------------
  1 | ﻿<!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>缓冲区分析</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 | 			"dojo/dom","dojo/on",
 20 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 21 |             "esri/symbols/SimpleMarkerSymbol",
 22 |             "esri/symbols/SimpleLineSymbol",
 23 |             "esri/symbols/SimpleFillSymbol",
 24 |             "esri/toolbars/draw",
 25 |             "esri/graphic",
 26 |             "esri/tasks/GeometryService",
 27 |             "esri/tasks/BufferParameters",
 28 | 			"dojo/colors",
 29 |             "dojo/domReady!"],
 30 |             function (Map,dom,on,
 31 |                 ArcGISDynamicMapServiceLayer,
 32 |                 SimpleMarkerSymbol,
 33 |                 SimpleLineSymbol,
 34 |                 SimpleFillSymbol,
 35 |                 Draw,
 36 |                 Graphic,
 37 |                 GeometryService,
 38 |                 BufferParameters,Color) {
 39 |                 var map = new esri.Map("mapDiv");
 40 |                 var layer = new esri.layers.ArcGISDynamicMapServiceLayer
 41 |                 ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
 42 |                 map.addLayer(layer);
 43 | 				//创建几何服务对象
 44 |                 var geometryServices = new GeometryService("http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer");
 45 | 				//创建缓存参数对象
 46 | 				var params = new BufferParameters();
 47 | 				
 48 |                 //使用toolbar上的绘图工具
 49 |                 var toolBar = new Draw(map);
 50 | 				//创建点符号
 51 |                 var pointSymbol = new SimpleMarkerSymbol();
 52 |                 pointSymbol.style = SimpleMarkerSymbol.STYLE_CIRCLE;
 53 |                 pointSymbol.setSize(12);
 54 |                 pointSymbol.setColor(new Color("#FFFFCC"));
 55 |                 //线符号
 56 |                 lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
 57 |                 //面符号
 58 |                 polygonSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol, new Color([255, 255, 0, 0.25]));
 59 | 				//给画点按钮绑定事件
 60 | 				on(dom.byId("point"),"click",function(){
 61 | 					//激活画点工具
 62 | 					toolBar.activate(Draw.POINT, {
 63 |                         showTooltips:true
 64 |                     })
 65 | 					
 66 | 				})
 67 | 				//绘图结束绑定事件
 68 | 				on(toolBar,"draw-end",function(result){
 69 | 					//获得点形状
 70 | 					var geometry=result.geometry;
 71 | 					//创建Graphic
 72 | 					var graphicpoint = new Graphic(geometry, pointSymbol);
 73 |                     map.graphics.add(graphicpoint); 
 74 | 					//关闭绘图工具
 75 |                     toolBar.deactivate();
 76 | 					//很重要！！！在这里构建缓冲区分析的形状属性
 77 | 					//注意这里可以放一个数组，此处为了方便我们只对一个形状进行缓冲区分析
 78 | 					params.geometries  = [ geometry ];
 79 | 
 80 | 					
 81 | 				})
 82 | 				//给缓冲区分析按钮绑定事件
 83 |                 on(dom.byId("Btn"),"click",function(){
 84 | 					//缓冲距离
 85 | 					params.distances = [ "80" ];
 86 | 					//空间参考
 87 | 					params.bufferSpatialReference = map.spatialReference;
 88 | 					params.outSpatialReference = map.spatialReference;
 89 | 					//执行分析处理结果
 90 | 					geometryServices.buffer(params,function(result){
 91 | 						//处理缓冲区分析得到的结果
 92 | 						for(var idx in result)
 93 | 						{	
 94 | 							//创建Graphic
 95 | 							var graphic=new Graphic(result[idx],polygonSymbol)
 96 | 							//将每一个结果都放在map中
 97 | 							map.graphics.add(graphic)
 98 | 						}
 99 | 					});
100 | 
101 | 
102 | 				})
103 |                
104 |             });
105 |     </script>
106 | </head>
107 | <body>
108 |     <div id="mapDiv" class="MapClass"></div>
109 |     <input id="point" type="button" value="点"/>
110 |     <input id="Btn" type="button" value="缓冲区分析" />
111 | </body>
112 | </html>
113 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之地图操作及小部件/OverviewMap--地图.html:
--------------------------------------------------------------------------------
 1 | ﻿<!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 |     <!--The viewport meta tag is used to improve the presentation and behavior of the samples 
 6 |       on iOS devices-->
 7 |     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 8 |     <title>Overview Map</title>
 9 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
10 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
11 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
12 |     <style>
13 | 		.MapClass{
14 |             width:100%;
15 |             height:600;
16 |         }
17 |     </style>
18 |     <script>
19 |        
20 |         require(["esri/map","dojo/dom","esri/dijit/OverviewMap","dojo/domReady!"], function (
21 |           Map,dom, OverviewMap){
22 |             var map = new Map("mapDiv",
23 |             {   
24 | 				basemap: "topo"
25 |             });
26 | 			//1.创建小部件对象
27 |             var overviewMapDijit = new OverviewMap({
28 | 				//指定将小部件绑定在地图的哪一个位置：可以填写top-right,bottom-right,bottom-left 和top-left. 
29 | 				attachTo: "top-right",
30 |                 map: map,
31 |                 visible: true,
32 |             });
33 | 			//2.启用小部件
34 |             overviewMapDijit.startup();
35 |         });
36 |     </script>
37 |   </head>
38 |   
39 |   <body>
40 |       <div id="mapDiv" class="MapClass"></div>  
41 |   </body>
42 | </html>
43 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之地图操作及小部件/OverviewMap-DOM.html:
--------------------------------------------------------------------------------
 1 | ﻿<!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 |     <!--The viewport meta tag is used to improve the presentation and behavior of the samples 
 6 |       on iOS devices-->
 7 |     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 8 |     <title>Overview Map</title>
 9 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
10 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
11 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
12 |     <style>
13 | 		.MapClass{
14 |             width:600px;
15 |             height:400px;
16 |             border:1px solid #000;
17 |         }
18 |         #view {
19 |            height: 100px;
20 |            width: 100px; 
21 |            border:1px solid red;
22 |            border-right-color:blue;
23 |            position:relative;
24 |            left:800px;
25 |            top:-200px;
26 | 
27 | 
28 |         }
29 |     </style>
30 |     <script>
31 |        
32 |         require(["esri/map","dojo/dom","esri/dijit/OverviewMap","dojo/domReady!"], function (
33 |           Map,dom, OverviewMap){
34 |             var map = new Map("mapDiv",
35 |             {   
36 | 				basemap: "topo"
37 |             });
38 | 			//1.创建小部件对象
39 |             var overviewMapDijit = new OverviewMap({
40 |                 map: map,
41 |                 visible: true,
42 |             },dom.byId("view"));//指定将小部件绑定在哪个DOM元素上面
43 | 			//2.启用小部件
44 |             overviewMapDijit.startup();
45 |         });
46 |     </script>
47 |   </head>
48 |   
49 |   <body>
50 |       <div id="mapDiv" class="MapClass"></div>  
51 |       <div id="view"></div> 
52 |   </body>
53 | </html>
54 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之地图操作及小部件/地图操作.html:
--------------------------------------------------------------------------------
 1 | ﻿<!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml">
 3 | <head>
 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5 |     <title>Geometric _Network</title>
 6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
 7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
 8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
 9 |     <style type="text/css">
10 |         .MapClass{
11 |             width:100%;
12 |             height:600px;
13 |             border:1px solid #000;
14 |         }
15 |     </style>
16 |     <script type="text/javascript">
17 | 
18 |         require(["esri/map",
19 |             "dojo/on",
20 | 			"dojo/dom",
21 |             "esri/layers/ArcGISDynamicMapServiceLayer",
22 | 			"dojo/query","esri/toolbars/navigation",
23 |             "dojo/domReady!"],
24 |             function (Map,on,dom,
25 |                 ArcGISDynamicMapServiceLayer,query,Navigation      
26 |                 ) {
27 |                 var map = new Map("mapDiv",{
28 | 					logo: false
29 | 				});
30 |                 var layer = new ArcGISDynamicMapServiceLayer
31 |                 ("http://localhost:6080/arcgis/rest/services/Test/MyService/MapServer");
32 |                 map.addLayer(layer)
33 | 				//创建地图操作对象
34 | 				var navToolbar = new Navigation(map);
35 | 				//给按钮添加绑定事件
36 | 				query("button").on("click",function(event){
37 | 					//获得按钮的文本信息
38 | 					var value=event.rangeParent.data;
39 | 					switch(value){
40 | 						case "平移":
41 | 							navToolbar.activate(Navigation.PAN);
42 | 							break;							
43 | 						case "拉框缩小":
44 | 							navToolbar.activate(Navigation.ZOOM_OUT);
45 | 							break;
46 | 						case "拉框放大":
47 | 							navToolbar.activate(Navigation.ZOOM_IN);
48 | 							break;
49 | 						case "全图":
50 | 							navToolbar.zoomToFullExtent();
51 | 							break;
52 | 						case "漫游":
53 | 							//默认是漫游操作
54 | 							navToolbar.deactivate();
55 | 							break;
56 | 					}
57 | 				})
58 | 				               
59 |             });
60 | 
61 | 
62 |     </script>
63 | </head>
64 | <body class="tundra">
65 |     <div id="mapDiv" class="MapClass"></div>
66 |     <button>拉框放大</button>
67 |     <button>拉框缩小</button>
68 |     <button>平移</button>
69 |     <button>全图</button> 
70 | 	<button>漫游</button>
71 | </body>
72 | </html>
73 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之地图输出/ArcGIS API For Javascript之地图输出.html:
--------------------------------------------------------------------------------
  1 | ﻿<!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>地图打印</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 | 			"dojo/dom","dojo/on","dojo/query",
 20 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 21 |             "esri/symbols/SimpleMarkerSymbol",
 22 |             "esri/symbols/SimpleLineSymbol",
 23 |             "esri/symbols/SimpleFillSymbol",
 24 |             "esri/toolbars/draw",
 25 |             "esri/graphic",
 26 |             "esri/tasks/PrintTask",
 27 | 			"esri/tasks/PrintTemplate",
 28 | 			"esri/tasks/PrintParameters",
 29 | 			"dojo/colors",
 30 |             "dojo/domReady!"],
 31 |             function (Map,dom,on,query,
 32 |                 ArcGISDynamicMapServiceLayer,
 33 |                 SimpleMarkerSymbol,
 34 |                 SimpleLineSymbol,
 35 |                 SimpleFillSymbol,
 36 |                 Draw,
 37 |                 Graphic,
 38 |                 PrintTask,PrintTemplate,PrintParameters,
 39 |                 Color) {
 40 |                 var map = new esri.Map("mapDiv");
 41 |                 var layer = new esri.layers.ArcGISDynamicMapServiceLayer
 42 |                 ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
 43 |                 map.addLayer(layer);
 44 | 				//创建绘图对象
 45 |                 var toolBar = new Draw(map);	
 46 |                 //线符号
 47 |                 lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
 48 |                 //面符号
 49 |                 polygonSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol, new Color([255, 0, 0, 0.25]));
 50 | 				
 51 | 				//给绘制polygon的按钮绑定事件
 52 | 				query(".pbtn").on("click",function(event){
 53 | 					//激活绘制多边形
 54 | 					toolBar.activate(Draw.POLYGON, {
 55 |                         showTooltips:true
 56 |                     })
 57 | 					
 58 | 				})
 59 | 				//绘图结束绑定事件
 60 | 				on(toolBar,"draw-end",function(result){
 61 | 					//获得面形状
 62 | 					var geometry=result.geometry;
 63 | 					//创建Graphic
 64 | 					var graphicpoint= new Graphic(geometry, polygonSymbol);
 65 |                     map.graphics.add(graphicpoint); 
 66 | 					//关闭绘图工具
 67 |                     toolBar.deactivate();					
 68 | 				})
 69 | 				//给地图打印按钮绑定事件
 70 |                 on(dom.byId("Btn"),"click",function(){
 71 | 					//创建地图打印对象
 72 | 					var printMap = new PrintTask("http://localhost:6080/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task");
 73 | 					//创建地图打印模版
 74 | 					var template = new PrintTemplate();
 75 | 					//创建地图的打印参数，参数里面包括：模版和地图
 76 | 					var params = new PrintParameters(); 
 77 | 					//输出图片的空间参考
 78 | 					printMap.outSpatialReference = map.SpatialReference	
 79 | 					//打印图片的各种参数
 80 | 					template.exportOptions = { 
 81 | 						width: 850, 
 82 | 						height: 650, 
 83 | 						dpi: 96 
 84 | 					};
 85 | 					//打印输出的格式
 86 | 					template.format = "PDF"; 
 87 | 					//输出地图的布局
 88 | 					template.layout = "MAP_ONLY"; 
 89 | 					PrintTemplate 
 90 | 					//设置参数地图
 91 | 					params.map = map; 
 92 | 					//设置参数模版
 93 | 					params.template = template; 
 94 | 					//运行结果
 95 | 					printMap.execute(params, function(result){
 96 | 						if (result != null) { 
 97 | 							//网页打开生成的地图
 98 | 							window.open(result.url); 
 99 | 						} 
100 | 					}) 
101 | 				})
102 |                
103 |             });
104 |     </script>
105 | </head>
106 | <body>
107 |     <div id="mapDiv" class="MapClass"></div>
108 | 	<button class="pbtn" >画多边形</button>
109 |     <input id="Btn" type="button" value="地图打印" />
110 | </body>
111 | </html>
112 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之提示文件/jsapi_vsdoc12_v38.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之提示文件/jsapi_vsdoc12_v38.zip


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之查询功能/利用FindTask实现简单的属性查询.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之查询功能/利用FindTask实现简单的属性查询.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之查询功能/利用IdentifyTask实现空间查询.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之查询功能/利用IdentifyTask实现空间查询.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之查询功能/利用QueryTask实现空间查询.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>QueryTask</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:600px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 20 |             "dojo/dom",
 21 |             "dojo/on",
 22 |             "esri/tasks/QueryTask",
 23 |             "esri/tasks/query",
 24 |             "esri/symbols/SimpleLineSymbol",
 25 |             "esri/symbols/SimpleFillSymbol", 
 26 |             "esri/graphic",
 27 |             "dojo/domReady!"],
 28 |             function (Map, ArcGISDynamicMapServiceLayer,dom, on,
 29 |             QueryTask, Query,
 30 |             SimpleLineSymbol,SimpleFillSymbol,Graphic) {
 31 |                 //根据div的id属性创建地图
 32 |                 var map = new Map("mapDiv");
 33 |                 //定义一个动态地图服务
 34 |                 var layer = new ArcGISDynamicMapServiceLayer
 35 |                 ("http://localhost:6080/arcgis/rest/services/Test/MyService/MapServer");
 36 |                 //将图层添加到地图
 37 |                 map.addLayer(layer)
 38 |                 //给属性查询按钮添加click事件
 39 |                 on(dom.byId("Btn"),"click",function(e){
 40 |                     //定义查询对象
 41 |                     var queryTask = new QueryTask
 42 |                     ("http://localhost:6080/arcgis/rest/services/Test/MyService/MapServer/1");
 43 |                     //定义查询参数对象
 44 |                     var query = new Query();
 45 |                     //查询条件，类似于sql语句的where子句
 46 |                     query.where = "name = 'J4'";;
 47 |                     //返回的字段信息：*代表返回全部字段
 48 |                     query.outFields = ["*"];
 49 |                     //是否返回几何形状
 50 |                     query.returnGeometry = true;
 51 |                     //执行属性查询
 52 |                     queryTask.execute(query, showQueryResult);
 53 |                 })
 54 |                 //属性查询完成之后，用showQueryResult来处理返回的结果
 55 |                 function showQueryResult(queryResult)
 56 |                 {
 57 |                     //创建线符号
 58 |                     var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3);
 59 |                     //创建面符号
 60 |                     var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol);
 61 |                     if (queryResult.features.length == 0) {
 62 |                         dom.byId("divShowResult").innerHTML = "";
 63 |                         return;
 64 |                     }
 65 |                     var htmls = "";
 66 |                     if (queryResult.features.length >= 1) {
 67 |                         htmls = htmls + "<table style=\"width: 100%\">";
 68 |                         htmls = htmls + "<tr><td>名称</td></tr>";
 69 |                         for (var i = 0; i < queryResult.features.length; i++) {
 70 |                             //获得图形graphic
 71 |                             var graphic = queryResult.features[i];
 72 |                             //赋予相应的符号
 73 |                             graphic.setSymbol(fill);
 74 |                             //将graphic添加到地图中，从而实现高亮效果
 75 |                             map.graphics.add(graphic);
 76 |                             //获得教学楼名称（此处是和shp属性表对应的）
 77 |                             var ptName = graphic.attributes["alias"];
 78 |                             if (i % 2 == 0)
 79 |                                 htmls = htmls + "<tr>";
 80 |                             else
 81 |                                 htmls = htmls + "<tr bgcolor=\"#F0F0F0\">";
 82 |                             htmls = htmls + "<td><a href=\"#\" \">" + ptName + "</a></td>";
 83 |                             htmls = htmls + "</tr>";
 84 |                         }
 85 |                         htmls = htmls + "</table>";
 86 |                         //将属性绑定在divShowResult上面
 87 |                         dom.byId("divShowResult").innerHTML = htmls;
 88 |                     }
 89 |                 }
 90 | 
 91 | 
 92 | 
 93 | 
 94 |             });
 95 | 
 96 | 
 97 |     </script>
 98 | </head>
 99 | <body>
100 |     <div id="mapDiv" class="MapClass"></div>
101 |     <input type="button" value="属性查询" id="Btn"/>
102 |     <div id="divShowResult"></div>
103 | </body>
104 | </html>


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之查询功能/利用QueryTask进行属性查询.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之查询功能/利用QueryTask进行属性查询.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之渲染实现/分类渲染.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml">
 3 | <head>
 4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5 |     <title>UniqueValueRenderer</title>
 6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
 7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
 8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
 9 |     <style type="text/css">
10 |         .MapClass{
11 |             width:100%;
12 |             height:600px;
13 |             border:1px solid #000;
14 |         }
15 |     </style>
16 |     <script type="text/javascript">
17 | 
18 |         require(["esri/map",
19 |                     "esri/layers/ArcGISDynamicMapServiceLayer",
20 |                     "dojo/on",
21 |                     "dojo/dom",
22 |                     "dojo/colors",
23 |                     "esri/symbols/SimpleFillSymbol",
24 |                     "esri/layers/FeatureLayer",
25 |                     "esri/symbols/SimpleLineSymbol",
26 |                     "esri/renderers/ClassBreaksRenderer",
27 |                     "dojo/domReady!"],
28 |                 function (Map, ArcGISDynamicMapServiceLayer,on,dom,Color,SimpleFillSymbol, FeatureLayer, SimpleLineSymbol,ClassBreaksRenderer) {
29 |                     var map = new esri.Map("MyMapDiv");
30 |                     var layer = new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
31 |                     map.addLayer(layer);
32 |                     //获得id为btn的DOM元素
33 |                     var btn=dom.byId("btn");
34 |                     //绑定相应的事件
35 |                     on(btn,"click",function(){
36 |                         //定义一个要素图层
37 |                         var featureLayer = new FeatureLayer(
38 |                         "http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1",
39 |                          {
40 |                             mode:FeatureLayer.MODE_SNAPSHOT,
41 |                             outFields: ["*"]
42 |                          });
43 |                         //定义线符号
44 |                         var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
45 |                         //定义面符号
46 |                         var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color("#FFFFCC"));
47 |                         //定义唯一值渲染器，对字段alias进行渲染，fill是默认的渲染符号
48 |                         var renderer = new ClassBreaksRenderer(fill, "OBJECTID");
49 |                         //设置渲染间隔
50 |                         renderer.addBreak(0,20, new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 255, 0, 0.5])));
51 |                         renderer.addBreak(20,30, new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 0, 255, 0.5])));
52 |                         renderer.addBreak(30,40,new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 0, 255, 0.5])));
53 |                         renderer.addBreak(40,60, new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 255, 255, 0.75])));
54 |                         featureLayer.setRenderer(renderer);
55 |                         map.addLayer(featureLayer);              
56 |                     })  
57 |                 });
58 | 
59 | 
60 |     </script>
61 | </head>
62 | <body>
63 | <div id="MyMapDiv" class="MapClass"></div>
64 | <button id="btn">渲染</button>
65 | </body>
66 | </html>


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之渲染实现/唯一值渲染.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml">
 3 | <head>
 4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5 |     <title>UniqueValueRenderer</title>
 6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
 7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
 8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
 9 |     <style type="text/css">
10 |         .MapClass{
11 |             width:100%;
12 |             height:600px;
13 |             border:1px solid #000;
14 |         }
15 |     </style>
16 |     <script type="text/javascript">
17 | 
18 |         require(["esri/map",
19 |                     "esri/layers/ArcGISDynamicMapServiceLayer",
20 |                     "dojo/on",
21 |                     "dojo/dom",
22 |                     "dojo/colors",
23 |                     "esri/symbols/SimpleFillSymbol",
24 |                     "esri/layers/FeatureLayer",
25 |                     "esri/symbols/SimpleLineSymbol",
26 |                     "esri/renderers/UniqueValueRenderer",
27 |                     "dojo/domReady!"],
28 |                 function (Map, ArcGISDynamicMapServiceLayer,on,dom,Color,SimpleFillSymbol, FeatureLayer, SimpleLineSymbol,UniqueValueRenderer) {
29 |                     var map = new esri.Map("MyMapDiv");
30 |                     var layer = new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
31 |                     map.addLayer(layer);
32 |                     //获得id为btn的DOM元素
33 |                     var btn=dom.byId("btn");
34 |                     //绑定相应的事件
35 |                     on(btn,"click",function(){
36 |                         //定义一个要素图层
37 |                         var featureLayer = new FeatureLayer(
38 |                         "http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1",
39 |                          {
40 |                             mode:FeatureLayer.MODE_SNAPSHOT,
41 |                             outFields: ["*"]
42 |                          });
43 |                         //定义线符号
44 |                         var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
45 |                         //定义面符号
46 |                         var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color("#FFFFCC"));
47 |                         //定义唯一值渲染器，对字段alias进行渲染，fill是默认的渲染符号
48 |                         var renderer = new UniqueValueRenderer(fill, "alias");
49 |                         //设置渲染的方式
50 |                         renderer.addValue("C区宿舍", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 255, 0, 0.5])));
51 |                         renderer.addValue("B区宿舍", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 0, 255, 0.5])));
52 |                         renderer.addValue("A区宿舍",new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 0, 255, 0.5])));
53 |                         renderer.addValue("公共出口", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 255, 255, 0.75])));
54 |                         featureLayer.setRenderer(renderer);
55 |                         map.addLayer(featureLayer);              
56 |                     })  
57 |                 });
58 | 
59 | 
60 |     </script>
61 | </head>
62 | <body>
63 | <div id="MyMapDiv" class="MapClass"></div>
64 | <button id="btn">渲染</button>
65 | </body>
66 | </html>


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之渲染实现/服务器渲染.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>GenerateRendererTask</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 20 |             "dojo/dom",
 21 |             "dojo/on",
 22 |             "esri/tasks/GenerateRendererTask",
 23 |             "esri/layers/FeatureLayer",
 24 |             "esri/symbols/SimpleFillSymbol",
 25 |             "esri/symbols/SimpleLineSymbol",
 26 |             "esri/tasks/GenerateRendererParameters",
 27 |             "esri/tasks/ClassBreaksDefinition",
 28 |             "esri/tasks/AlgorithmicColorRamp",
 29 |             "dojo/domReady!"], function
 30 |                 (Map,
 31 |                  ArcGISDynamicMapServiceLayer,
 32 |                  dom,on,
 33 |                  GenerateRendererTask,
 34 |                  FeatureLayer,
 35 |                  SimpleFillSymbol,
 36 |                  SimpleLineSymbol,
 37 |                  GenerateRendererParameters,
 38 |                  ClassBreaksDefinition,
 39 |                  AlgorithmicColorRamp
 40 |                 ) {
 41 |             //服务器端渲染
 42 |             var MyMap = new Map("MyMapDiv");
 43 |             var layer = new ArcGISDynamicMapServiceLayer
 44 |             ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/");
 45 |             MyMap.addLayer(layer)
 46 |             //获得id为Btn的DOM对象
 47 |             var btn=dom.byId("Btn");
 48 |             //给btn绑定点击事件
 49 |             on(btn,"click",function(e){
 50 |                 //定义线符号
 51 |                 var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3);
 52 |                 //定义面符号
 53 |                 var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new dojo.Color("#FFFFCC"));
 54 |                 //创建服务器渲染对象
 55 |                 var RenderAnalyst = new GenerateRendererTask("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1");
 56 |                 //创建服务器渲染参数对象
 57 |                 var params = new GenerateRendererParameters();   
 58 |                 //创建颜色坡道对象
 59 |                 var colorRamp = new AlgorithmicColorRamp();
 60 |                 //颜色的起始位置
 61 |                 colorRamp.fromColor = dojo.colorFromHex("#998ec3");
 62 |                 //颜色的终止位置
 63 |                 colorRamp.toColor = dojo.colorFromHex("#f1a340");
 64 |                 //颜色的类型
 65 |                 colorRamp.algorithm = "hsv";
 66 |                 //告诉服务器我们需要什么样子的渲染器
 67 |                 var unidef = new ClassBreaksDefinition();
 68 |                 //分类的字段
 69 |                 unidef.classificationField = "Shape.STArea()";
 70 |                 //如何分类
 71 |                 unidef.classificationMethod="natural-breaks";
 72 |                 //分为几类？
 73 |                 unidef.breakCount = 3;
 74 |                 //默认的符号
 75 |                 unidef.baseSymbol=fill;
 76 |                 //将自定义的颜色坡道告诉服务器
 77 |                 unidef.colorRamp=colorRamp;
 78 |                 //给渲染参数对象赋值
 79 |                 params.classificationDefinition = unidef;
 80 |                 //进行服务器渲染
 81 |                 RenderAnalyst.execute(params, showRender);
 82 | 
 83 | 
 84 |             });
 85 |             //处理服务器返回来的结果
 86 |             function showRender(renderer) {
 87 | 
 88 |                 if (renderer != null) {
 89 |                     //定义要素图层，注意：这个地方我们用到并不是要素服务，而是地图服务
 90 |                     var featureLayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1",{
 91 |                         mode:  FeatureLayer.MODE_SNAPSHOT,
 92 |                         outFields: ["*"]
 93 |                     });     
 94 |                     //赋予渲染器
 95 |                     featureLayer.setRenderer(renderer);
 96 |                     featureLayer.refresh();
 97 |                     MyMap.addLayer(featureLayer);
 98 |                 }
 99 |             }
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 |         });
107 | 
108 | 
109 |     </script>
110 | </head>
111 | <body>
112 | <div id="MyMapDiv" class="MapClass"></div>
113 | <input type="button" id="Btn" value="服务器渲染" />
114 | </body>
115 | </html>


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之编辑服务器端图层/ArcGIS API For Javascript之要素编辑.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>WebGIS</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 | 		"dojo/on",
 20 | 		"dojo/query",
 21 | 		"esri/layers/ArcGISDynamicMapServiceLayer",
 22 | 		"esri/toolbars/draw",
 23 | 		"esri/layers/FeatureLayer",
 24 | 		"esri/graphic", "esri/dijit/editing/Add",
 25 | 		"esri/dijit/editing/Delete","esri/dijit/editing/Update","esri/tasks/query","dojo/json",
 26 | 		"dojo/domReady!"],
 27 |                 function (Map,on,query, ArcGISDynamicMapServiceLayer, Draw,FeatureLayer,Graphic,Add,Delete,Update,Query,jsonUtil) {
 28 | 
 29 | 					
 30 | 					var map = new esri.Map("MyMapDiv");
 31 |                     var layer = new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
 32 |                     map.addLayer(layer);
 33 | 					//用于操作的要素图层，注意我们是操作的宿舍楼图层
 34 | 					var featureLayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/Test/ft/FeatureServer/1",
 35 |                          {
 36 |                             mode:FeatureLayer.MODE_SNAPSHOT,
 37 |                             outFields: ["*"]
 38 |                          });
 39 | 					//在添加要素时，利用Draw工具获得geometry对象
 40 |                     var d = new Draw(map, { showTooltips: true });
 41 | 					//要操作的graphic
 42 | 					var g;
 43 | 					query("button").on("click",function(event){
 44 | 						var value=event.rangeParent.data; 
 45 | 						switch(value){
 46 | 							case "添加要素":
 47 | 								d.activate(Draw.POLYGON);
 48 | 								break;
 49 | 							case "删除要素":
 50 | 								//创建Graphic对象，删除OBJECTID为34的元素，
 51 | 								//因为OBJECTID是主键，所以只需要指定主键即可
 52 | 								g=new Graphic("","",{
 53 | 									"OBJECTID":34
 54 | 								});
 55 | 								//创建删除对象
 56 | 								var de=new Delete({
 57 | 									"featureLayer":featureLayer,
 58 | 									"deletedGraphics":[g]
 59 | 								});
 60 | 								//执行删除结果
 61 | 								de.performRedo();
 62 | 								//刷新图层
 63 | 								layer.refresh();
 64 | 								break;
 65 | 							case "修改要素":
 66 | 								//用于修改要素的函数,查询更新为36的要素
 67 | 								updateFeature(1);
 68 | 								break;							
 69 | 							case "查询要素":
 70 | 								//用于查询要素的函数，查询主键为36的要素
 71 | 								searchFeather(1);
 72 | 								break;
 73 | 						}
 74 | 					});
 75 | 					//当画图完毕时，添加要素
 76 | 					on(d, "draw-complete", function (result) {
 77 | 						//要素只赋予了geometry，属性信息为空
 78 |                         var graphic = new Graphic(result.geometry, null,{});
 79 | 						var add=new Add({
 80 | 							"featureLayer":featureLayer,//给哪一个要素图层添加要素
 81 | 							"addedGraphics":[graphic]//用于添加的要素
 82 | 						})
 83 | 						//执行添加函数
 84 | 						add.performRedo();
 85 | 						//刷新视图
 86 | 						layer.refresh();
 87 | 						//关闭绘图对象
 88 |                         d.deactivate();
 89 |                     });
 90 | 					//根据id修改要素
 91 | 					function updateFeature(id){
 92 | 						//注意:（第二个参数）这里传入一个回调函数，用于处理查询出来的数据
 93 | 						searchFeather(id,function(result){
 94 | 								//获得旧的要素
 95 | 								var oldgraphic=result[0];
 96 | 								//新的要素
 97 | 								var newgraphic=new Graphic(oldgraphic.toJson());
 98 | 								//将alias属性修改为:修改后的A区宿舍
 99 | 								newgraphic.attributes.alias="修改后的A区宿舍";
100 | 								//创建更新对象
101 | 								var update=new Update({
102 | 									"featureLayer":featureLayer,
103 | 									"postUpdatedGraphics":[newgraphic],//修改之后的要素
104 | 									"preUpdatedGraphics":[oldgraphic]//修改之前的要素
105 | 								})
106 | 								//执行刷新操作
107 | 								update.performRedo();
108 | 								//刷新视图
109 | 								layer.refresh();
110 | 								alert("修改成功");
111 | 								
112 | 						})
113 | 						
114 | 					}
115 | 					//根据id查询要素
116 | 					function searchFeather(id,callback){
117 | 						//得到要素图层的主键属性
118 | 						var idProperty = featureLayer.objectIdField;
119 | 						//定义查询参数
120 | 						var query = new Query();
121 | 						//是否返回几何形状
122 | 						query.returnGeometry = false;
123 | 						//图层的主键名称（根据自己要求修改）
124 | 						query.objectIds = [id];
125 | 						//查询条件1=1意思是：只根据主键查询，忽略where子句
126 | 						query.where = "1=1";
127 | 						//进行查询
128 | 						featureLayer.selectFeatures(query, FeatureLayer.SELECTION_NEW,function(result){
129 | 							//如果callback不存在，说明仅仅是查询操作
130 | 							if(!callback){
131 | 								//因为我们根据主键查询，一定只有一个元素
132 | 								var graphic=result[0];
133 | 								//获得属性
134 | 								var attributes=graphic.attributes;
135 | 								//得到该属性信息转换成字符串
136 | 								var result=jsonUtil.stringify(attributes)
137 | 								//将结果弹出一下
138 | 								alert(result);
139 | 							}else//如果callback存在，说明是更新操作
140 | 							{
141 | 								callback(result);
142 | 							}
143 | 							
144 | 						});
145 | 					}
146 |                 });
147 | 
148 | 
149 |     </script>
150 | </head>
151 | <body>
152 | <div id="MyMapDiv" class="MapClass"></div>
153 | <button class="btn">添加要素</button>
154 | <button class="btn">删除要素</button>
155 | <button class="btn">修改要素</button>
156 | <button class="btn">查询要素</button>
157 | </body>
158 | </html>
159 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之网络分析/ArcGIS API For Javascript之网络分析.html:
--------------------------------------------------------------------------------
  1 | ﻿<!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>Geometric _Network</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:600px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 |             "dojo/on",
 20 | 			"dojo/dom",
 21 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 22 |             "esri/tasks/RouteTask",
 23 |             "esri/tasks/FeatureSet",
 24 |             "esri/symbols/SimpleMarkerSymbol",
 25 |             "esri/symbols/TextSymbol",
 26 |             "esri/toolbars/draw",
 27 |             "esri/symbols/SimpleLineSymbol",
 28 |             "esri/tasks/RouteParameters",
 29 | 			"dojo/colors",
 30 | 			"esri/graphic",
 31 |             "dojo/domReady!"],
 32 |             function (Map,on,dom,
 33 |                 ArcGISDynamicMapServiceLayer,
 34 |                 RouteTask,
 35 |                 FeatureSet,
 36 |                 SimpleMarkerSymbol,
 37 |                 TextSymbol,
 38 |                 Draw,
 39 |                 SimpleLineSymbol,
 40 | 				RouteParameters,
 41 | 				Color,
 42 | 				Graphic
 43 |                 ) {
 44 |                 var map = new Map("MyMapDiv");
 45 |                 var layer = new ArcGISDynamicMapServiceLayer
 46 |                 ("http://localhost:6080/arcgis/rest/services/Test/mynet/MapServer");
 47 |                 map.addLayer(layer)
 48 | 				//创建路径分析对象
 49 |                 var shortestAnalyst = new RouteTask("http://localhost:6080/arcgis/rest/services/Test/mynet/NAServer/Route");
 50 | 				//创建路径参数对象
 51 |                 var routeParas = new RouteParameters();
 52 | 				//障碍点，但是此时障碍点为空
 53 |                 routeParas.barriers = new FeatureSet();
 54 | 				//停靠点，但是此时停靠点为空
 55 |                 routeParas.stops = new FeatureSet();
 56 | 				//路径是否有方向
 57 |                 routeParas.returnDirections = false;
 58 | 				//是否返回路径，此处必须返回
 59 |                 routeParas.returnRoutes = true;
 60 | 				//空间参考
 61 |                 routeParas.outSpatialReference = map.SpatialReference;
 62 | 				//定义一个标志
 63 | 				//selectPointID=0什么都不做
 64 | 				//selectPointID=1说明是添加停靠点
 65 | 				//selectPointID=2说明是添加障碍点
 66 | 				var selectPointID;
 67 | 				//给停靠点按钮添加点击事件
 68 | 				on(dom.byId("stop"),"click",function(){
 69 | 					selectPointID = 1;
 70 | 				})
 71 | 				//给障碍点按钮添加点击事件
 72 | 				on(dom.byId("barriers"),"click",function(){
 73 | 					selectPointID = 2;
 74 | 				})
 75 | 				//定义停靠点的符号
 76 | 				var stopSymbol = new SimpleMarkerSymbol();
 77 |                 stopSymbol.style = SimpleMarkerSymbol.STYLE_CIRCLE;
 78 |                 stopSymbol.setSize(8);
 79 |                 stopSymbol.setColor(new Color("#FFFFCC"));
 80 | 				//定义障碍点的符号
 81 |                 var barrierSymbol = new SimpleMarkerSymbol();
 82 |                 barrierSymbol.style = SimpleMarkerSymbol.STYLE_CIRCLE;
 83 |                 barrierSymbol.setSize(8);
 84 |                 barrierSymbol.setColor(new Color("#f1a340"));
 85 | 				on(map, "mouse-down", function(evt){
 86 | 					//通过selectPointID判断是添加是停靠点还是障碍点
 87 | 					switch (selectPointID) {
 88 |                         case 0:
 89 |                             break;
 90 |                         case 1:
 91 | 							//获得停靠点的坐标
 92 | 							var pointStop=evt.mapPoint;
 93 | 							var gr=new Graphic(pointStop,stopSymbol);
 94 | 							//构建停靠点的参数
 95 |                             routeParas.stops.features.push(gr);
 96 |                             break;
 97 |                         case 2:
 98 | 							//获得障碍点的坐标
 99 | 							var pointBarrier=evt.mapPoint;
100 | 							var gr=new Graphic(pointBarrier,barrierSymbol);
101 | 							//构建障碍点的参数
102 |                             routeParas.barriers.features.push(gr);
103 |                             break;
104 |                     }
105 | 					//如果selectPointID不等于0，将点的坐标在地图上显示出来
106 |                     if (selectPointID != 0) {
107 |                         addTextPoint("停靠点", pointStop, stopSymbol);
108 |                         addTextPoint("障碍点", pointBarrier, barrierSymbol);
109 |                         selectPointID = 0;
110 |                     }
111 | 				});
112 | 				//文本符号：文本信息，点坐标，符号
113 | 				function addTextPoint(text,point,symbol) {
114 |                     var textSymbol = new TextSymbol(text);
115 |                     textSymbol.setColor(new Color([128, 0, 0]));              
116 |                     var graphicText = Graphic(point, textSymbol);
117 |                     var graphicpoint = new Graphic(point, symbol);
118 | 					//用默认的图层添加
119 |                     map.graphics.add(graphicpoint);
120 |                     map.graphics.add(graphicText);
121 |                 }
122 | 				//给分析按钮添加点击事件
123 | 				on(dom.byId("analyse"),"click",function(){
124 | 					//如果障碍点或者停靠点的个数有一个为0，提示用户参数输入不对
125 | 					if  (routeParas.stops.features.length  ==  0  || routeParas.barriers.features.length==0)
126 |                     {
127 |                         alert("输入参数不全，无法分析");
128 |                         return;
129 |                     }
130 | 					//执行路径分析函数
131 |                     shortestAnalyst.solve(routeParas, showRoute)
132 | 				})
133 | 				//处理路径分析返回的结果。
134 |                 function showRoute(solveResult) {
135 | 					//路径分析的结果
136 |                     var routeResults = solveResult.routeResults;
137 | 					//路径分析的长度
138 |                     var res = routeResults.length;
139 | 					//路径的符号
140 |                     routeSymbol  = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
141 |                     if (res > 0) {
142 |                         for (var i = 0; i < res; i++) {
143 |                             var graphicroute = routeResults[i];
144 |                             var graphic = graphicroute.route;
145 |                             graphic.setSymbol(routeSymbol);
146 |                             map.graphics.add(graphic);
147 |                         }
148 |                     }
149 |                     else {
150 |                         alert("没有返回结果");
151 |                     }
152 |                 }               
153 |             });
154 | 
155 | 
156 |     </script>
157 | </head>
158 | <body>
159 |     <div id="MyMapDiv" class="MapClass"></div>
160 |     <input id="stop" type="button" value="停靠点" />
161 |     <input id="barriers" type="button" value="障碍点" />
162 |     <input id="analyse" type="button" value="分析" />
163 |     
164 | </body>
165 | </html>
166 | 


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之调用GP服务/ArcGIS API For Javascript之调用GP服务.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>GenerateRendererTask</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:500px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript">
 17 | 
 18 |         require(["esri/map",
 19 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 20 |             "dojo/dom",
 21 |             "dojo/on",
 22 |             "esri/tasks/GenerateRendererTask",
 23 |             "esri/layers/FeatureLayer",
 24 |             "esri/symbols/SimpleFillSymbol",
 25 |             "esri/symbols/SimpleLineSymbol",
 26 |             "esri/tasks/GenerateRendererParameters",
 27 |             "esri/tasks/ClassBreaksDefinition",
 28 |             "esri/tasks/AlgorithmicColorRamp",
 29 |             "dojo/domReady!"], function
 30 |                 (Map,
 31 |                  ArcGISDynamicMapServiceLayer,
 32 |                  dom,on,
 33 |                  GenerateRendererTask,
 34 |                  FeatureLayer,
 35 |                  SimpleFillSymbol,
 36 |                  SimpleLineSymbol,
 37 |                  GenerateRendererParameters,
 38 |                  ClassBreaksDefinition,
 39 |                  AlgorithmicColorRamp
 40 |                 ) {
 41 |             //服务器端渲染
 42 |             var MyMap = new Map("MyMapDiv");
 43 |             var layer = new ArcGISDynamicMapServiceLayer
 44 |             ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/");
 45 |             MyMap.addLayer(layer)
 46 |             //获得id为Btn的DOM对象
 47 |             var btn=dom.byId("Btn");
 48 |             //给btn绑定点击事件
 49 |             on(btn,"click",function(e){
 50 |                 //定义线符号
 51 |                 var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3);
 52 |                 //定义面符号
 53 |                 var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new dojo.Color("#FFFFCC"));
 54 |                 //创建服务器渲染对象
 55 |                 var RenderAnalyst = new GenerateRendererTask("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1");
 56 |                 //创建服务器渲染参数对象
 57 |                 var params = new GenerateRendererParameters();   
 58 |                 //创建颜色坡道对象
 59 |                 var colorRamp = new AlgorithmicColorRamp();
 60 |                 //颜色的起始位置
 61 |                 colorRamp.fromColor = dojo.colorFromHex("#998ec3");
 62 |                 //颜色的终止位置
 63 |                 colorRamp.toColor = dojo.colorFromHex("#f1a340");
 64 |                 //颜色的类型
 65 |                 colorRamp.algorithm = "hsv";
 66 |                 //告诉服务器我们需要什么样子的渲染器
 67 |                 var unidef = new ClassBreaksDefinition();
 68 |                 //分类的字段
 69 |                 unidef.classificationField = "Shape.STArea()";
 70 |                 //如何分类
 71 |                 unidef.classificationMethod="natural-breaks";
 72 |                 //分为几类？
 73 |                 unidef.breakCount = 3;
 74 |                 //默认的符号
 75 |                 unidef.baseSymbol=fill;
 76 |                 //将自定义的颜色坡道告诉服务器
 77 |                 unidef.colorRamp=colorRamp;
 78 |                 //给渲染参数对象赋值
 79 |                 params.classificationDefinition = unidef;
 80 |                 //进行服务器渲染
 81 |                 RenderAnalyst.execute(params, showRender);
 82 | 
 83 | 
 84 |             });
 85 |             //处理服务器返回来的结果
 86 |             function showRender(renderer) {
 87 | 
 88 |                 if (renderer != null) {
 89 |                     //定义要素图层，注意：这个地方我们用到并不是要素服务，而是地图服务
 90 |                     var featureLayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer/1",{
 91 |                         mode:  FeatureLayer.MODE_SNAPSHOT,
 92 |                         outFields: ["*"]
 93 |                     });     
 94 |                     //赋予渲染器
 95 |                     featureLayer.setRenderer(renderer);
 96 |                     featureLayer.refresh();
 97 |                     MyMap.addLayer(featureLayer);
 98 |                 }
 99 |             }
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 |         });
107 | 
108 | 
109 |     </script>
110 | </head>
111 | <body>
112 | <div id="MyMapDiv" class="MapClass"></div>
113 | <input type="button" id="Btn" value="服务器渲染" />
114 | </body>
115 | </html>


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之调用动态地图服务/通过属性查询地图服务中的信息.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之调用动态地图服务/通过属性查询地图服务中的信息.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之调用动态地图服务/通过空间查询地图服务中的信息.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之调用动态地图服务/通过空间查询地图服务中的信息.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之调用地理编码服务/ArcGIS API调用地理编码服务.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/ArcGIS API For Javascript之调用地理编码服务/ArcGIS API调用地理编码服务.html


--------------------------------------------------------------------------------
/ArcGIS API For Javascript之调用结果地图服务/ArcGIS API For Javascript之调用结果地图服务.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5 |     <title>GP</title>
  6 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
  7 |     <link  rel="stylesheet"  type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
  8 |     <script  type="text/Javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>
  9 |     <style type="text/css">
 10 |         .MapClass{
 11 |             width:100%;
 12 |             height:600px;
 13 |             border:1px solid #000;
 14 |         }
 15 |     </style>
 16 |     <script type="text/javascript" charset="utf-8">
 17 | 
 18 |         require(["esri/map",
 19 |             "esri/layers/ArcGISDynamicMapServiceLayer",
 20 |             "dojo/dom",
 21 |             "esri/tasks/Geoprocessor",
 22 |             "esri/tasks/FeatureSet",
 23 |             "esri/symbols/SimpleMarkerSymbol",
 24 |             "esri/symbols/SimpleLineSymbol",
 25 |             "esri/toolbars/draw",
 26 |             "esri/symbols/SimpleFillSymbol",
 27 |              "dojo/on","esri/graphic",
 28 |             "esri/layers/ImageParameters",
 29 |             "dojo/domReady!"],
 30 |             function (Map,
 31 |                 ArcGISDynamicMapServiceLayer,
 32 |                 dom,
 33 |                 Geoprocessor,
 34 |                 FeatureSet,
 35 |                 SimpleMarkerSymbol,
 36 |                 SimpleLineSymbol,
 37 |                 Draw,
 38 |                 SimpleFillSymbol,on,Graphic,ImageParameters) {
 39 |                 var MyMap = new Map("MyMapDiv");
 40 |                 var layer = new ArcGISDynamicMapServiceLayer
 41 |                 ("http://localhost:6080/arcgis/rest/services/Test/ft/MapServer");
 42 |                 MyMap.addLayer(layer)               
 43 | 
 44 |                 //定义点集合对象
 45 |                 var pointSet = new FeatureSet();
 46 |                 //定义点符号
 47 |                 var psymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CROSS, 12,
 48 |                 new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
 49 |                 new dojo.Color([255, 0, 0]), 2),
 50 |                 new dojo.Color([0, 255, 0, 0.25]));
 51 |                 //绑定画点的事件
 52 |                 on(dom.byId("Btn"),"click",function(e){
 53 |                     //定义绘图工具
 54 |                     var toolBar = new Draw(MyMap, { showTooltips: true });
 55 |                     //激活绘图工具
 56 |                     toolBar.activate(Draw.POINT);
 57 |                     //定义一个i，为了给graphic赋予属性，为差值做准备。
 58 |                     var i=20;
 59 |                     //给绘图工具绑定绘图完成事件
 60 |                     on(toolBar, "draw-complete", function(result){
 61 |                         //保证每一次i的值都不一样，如果所有点的属性都一样，是不可以差值的。
 62 |                         i=i+40;
 63 |                         //获得几何形状
 64 |                         var geometry = result.geometry;
 65 |                         //给图形一个m属性，我们后面对m进行差值
 66 |                         var graphicpoint = new Graphic(geometry, psymbol,{"m":i});
 67 |                         pointSet.features.push(graphicpoint);   
 68 |                         MyMap.graphics.add(graphicpoint);
 69 |                     }); 
 70 |                 });
 71 |                 var gp;
 72 |                 on(dom.byId("king"),"click",function(e){
 73 |                     //定义gp服务对象
 74 |                     gp= new Geoprocessor("http://localhost:6080/arcgis/rest/services/Test/myKing/GPServer/king");
 75 |                     //定义GP服务参数对象
 76 |                     var gpParams={};
 77 |                     //添加点集合的字段信息
 78 |                     pointSet.fields=[{
 79 |                     "name":"m",
 80 |                     "type":"esriFieldTypeSmallInteger",
 81 |                     "alias":"m"
 82 |                     }];
 83 |                     //添加Input参数
 84 |                     gpParams.Input=pointSet;
 85 |                     //添加Z属性：即差值的属性
 86 |                     gpParams.Z="m";
 87 |                     //执行gp服务，注意这里是执行submitJob，因为是同步的gp服务
 88 |                     gp.submitJob(gpParams,completeCallback);
 89 |                 })          
 90 |                 function completeCallback(jobInfo)
 91 |                 {
 92 |                     //给gp服务绑定获得图层事件
 93 |                     gp.on("get-result-image-layer-complete",function(gpLayer){
 94 |                         //将图层添加到地图中
 95 |                         MyMap.addLayer(gpLayer["layer"])
 96 |                     })
 97 |                     //注意out是服务定义的参数
 98 |                     gp.getResultImageLayer(jobInfo.jobId,"out");
 99 | 
100 |                 }   
101 | 
102 |             });
103 | 
104 | 
105 |     </script>
106 | </head>
107 | <body>
108 |     <div id="MyMapDiv" class="MapClass"></div>
109 |     <input id="Btn" type="button" value="画点" />
110 |     <input id="king" type="button" value="插值分析" />
111 | 
112 | </body>
113 | </html>


--------------------------------------------------------------------------------
/data/ArcGIS Server之SOE开发（中）.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之SOE开发（中）.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布GP服务-返回矢量数据.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布GP服务-返回矢量数据.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布切片地图服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布切片地图服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布动态地图服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布动态地图服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布地理编码服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布地理编码服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布影像服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布影像服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布结果地图服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布结果地图服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布网络分析服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布网络分析服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之发布要素服务.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之发布要素服务.rar


--------------------------------------------------------------------------------
/data/ArcGIS Server之扩展几何网络分析.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/ArcGIS Server之扩展几何网络分析.zip


--------------------------------------------------------------------------------
/data/TraceAnalyse.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GISerWang/ArcGIS-API-For-Javacsript/26bc62975a08d8153f4bfcea7edd95d5be126ab9/data/TraceAnalyse.zip


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # 1.ArcGIS API For Javascript基础教程
 2 | 
 3 | ## 1.1在本实例中，如果想将代码直接运行需注意以下几点：
 4 | 
 5 | * 将ArcGIS API离线环境部署到**IIS**中
 6 | * **ArcGIS API的版本是3.17**,博客里面的代码不支持4.X的API
 7 | * 网页用火狐浏览器运行（不然有部分代码浏览器不兼容）
 8 | * ArcGIS Server发布的服务：**服务名称**和**图层顺序一致**（尤其是查询部分，图层顺序一定要一致）
 9 | 
10 | ## 1.2ArcGIS Server发布服务目录
11 | ### （一）[ArcGIS Server之发布动态地图服务 ](http://blog.csdn.net/lovecarpenter/article/details/52205093)
12 | ### （二）[ArcGIS Server之发布切片地图服务 ](http://blog.csdn.net/lovecarpenter/article/details/52459660)
13 | ### （三）[ArcGIS Server之发布要素服务 ](http://blog.csdn.net/lovecarpenter/article/details/52462207)
14 | ### （四）[ArcGIS Server之发布影像服务 ](http://blog.csdn.net/lovecarpenter/article/details/52474164)
15 | ### （五）[ArcGIS Server之发布网络分析服务](http://blog.csdn.net/lovecarpenter/article/details/52496690)
16 | ### （六）[ArcGIS Server之发布GP服务-返回矢量数据 ](http://blog.csdn.net/lovecarpenter/article/details/52496876)
17 | ### （七）[ArcGIS Server之发布结果地图服务 ](http://blog.csdn.net/lovecarpenter/article/details/52502934)
18 | ### （八）[ArcGIS Server之发布地理编码服务](http://blog.csdn.net/lovecarpenter/article/details/52998425)
19 | ### （九）[ArcGIS Server之介绍SOE（上）](http://blog.csdn.net/lovecarpenter/article/details/53178233)
20 | ### （十）[ArcGIS Server之开发SOE（中） ](http://blog.csdn.net/LoveCarpenter/article/details/54694774)
21 | ### （十一）[ArcGIS Server之开发SOE（下）](http://blog.csdn.net/lovecarpenter/article/details/72851210)
22 | 
23 | ## 1.3ArcGIS API基础教程目录
24 | ### （零）[ArcGIS API For JavaScript3.17本地部署（IIS） ](http://blog.csdn.net/lovecarpenter/article/details/52169705)
25 | ### （零）[ArcGIS API For JavaScript3.17本地部署（Tomcat） ](http://blog.csdn.net/lovecarpenter/article/details/52165508)
26 | ### （一）[ArcGIS API For Javascript开发利器 ](http://blog.csdn.net/lovecarpenter/article/details/52155068)
27 | ### （二）[ArcGIS API For JavaScript之Hello_World ](http://blog.csdn.net/lovecarpenter/article/details/52344665)
28 | ### （三）[ArcGIS API For Javascript之调用动态地图服务 ](http://blog.csdn.net/lovecarpenter/article/details/52453725)
29 | ### （四）[ArcGIS API For Javascript之地图操作及小部件](http://blog.csdn.net/lovecarpenter/article/details/53023359)
30 | ### （五）[ArcGIS API For Javascript之GraphicsLayer](http://blog.csdn.net/lovecarpenter/article/details/52662514)
31 | ### （六）[ArcGIS API For Javascript之查询功能 ](http://blog.csdn.net/lovecarpenter/article/details/52669777)
32 | ### （七）[ArcGIS API For Javascript之渲染实现](http://blog.csdn.net/lovecarpenter/article/details/52672046)
33 | ### （八）[ArcGIS API For Javascript调用GP服务 ](http://blog.csdn.net/lovecarpenter/article/details/52673406)
34 | ### （九）[ArcGIS API For Javascript调用结果地图服务 ](http://blog.csdn.net/lovecarpenter/article/details/52673926)
35 | ### （十）[ArcGIS API For Javascript之动态图层 ](http://blog.csdn.net/lovecarpenter/article/details/52702931)
36 | ### （十一）[ArcGIS API For Javacsript编辑客户端图形 ](http://blog.csdn.net/lovecarpenter/article/details/52709903)
37 | ### （十二）[ArcGIS API For Javascript之编辑服务器端图层 ](http://blog.csdn.net/lovecarpenter/article/details/53022796)
38 | ### （十三）[ArcGIS API For Javascript之网络分析 ](http://blog.csdn.net/lovecarpenter/article/details/53022807)
39 | ### （十四）[ArcGIS API For Javascript之几何服务 ](http://blog.csdn.net/lovecarpenter/article/details/53023217)
40 | ### （十五）[ArcGIS API For Javascript之地图输出](http://blog.csdn.net/lovecarpenter/article/details/53023231)
41 | ### （十六）[ArcGIS API For Javascript之调用地理编码服务](http://blog.csdn.net/lovecarpenter/article/details/53023250)
42 | ### （十七）[ArcGIS API For Javascript之影像分析](http://blog.csdn.net/lovecarpenter/article/details/53023323)
43 | ### （十八）[ArcGIS API For Javascript之加载shp文件](http://blog.csdn.net/lovecarpenter/article/details/53056991)
44 | ### （十九）[ArcGIS API For Javascript之环境部署（项目真实部署）](http://blog.csdn.net/lovecarpenter/article/details/53713481)
45 | 
46 | 
47 | 


--------------------------------------------------------------------------------