分析---网络分析

留言
1.效果图

分析经过停靠点，避开障碍点之间的最优路径

2.发布服务

在ArcMap中进行网络分析制图后需要发布地图服务才可以被调用。

  • 为了以后方便，全选择
    在这里插入图片描述
  • 打开工具条，进行新建路径等，结束制图后进行服务发布
    在这里插入图片描述

发布服务时，需要增加Network Analysis功能
在这里插入图片描述

  • 成功发布之后进入http://localhost:6080/arcgis/rest/services找到存放目录

    这样说明服务发布成功了
  • 选择(NAServer)后缀的链接，复制URL
  • 创建路径分析对象的时候参数为URL+/Route
    2.引入模块
1
2
"esri/tasks/RouteTask",
         "esri/tasks/FeatureSet",
3.分析
  1. 分析需要不为0的停靠点和障碍点，所以先写添加点的方法，
  2. 为分析按钮添加事件，执行分析函数
  3. 得到路径分析结果，显示在图层上
  4. 需要注意健壮性的检验，即特殊情况的特判
4. 贴代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Geometric _Network</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css" />
    <script src="https://js.arcgis.com/3.28/"></script>

    <style type="text/css">
        .MapClass{
            width:100%;
            height:600px;
            border:1px solid #000;
        }
    </style>
    <script type="text/javascript">

        require(["esri/map",
            "dojo/on",
			"dojo/dom",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "esri/tasks/RouteTask",
            "esri/tasks/FeatureSet",
            "esri/symbols/SimpleMarkerSymbol",
            "esri/symbols/TextSymbol",
            "esri/toolbars/draw",
            "esri/symbols/SimpleLineSymbol",
            "esri/tasks/RouteParameters",
			"dojo/colors",
			"esri/graphic",
            "dojo/domReady!"],
            function (Map,on,dom,
                ArcGISDynamicMapServiceLayer,
                RouteTask,
                FeatureSet,
                SimpleMarkerSymbol,
                TextSymbol,
                Draw,
                SimpleLineSymbol,
				RouteParameters,
				Color,
				Graphic
                ) {
                var map = new Map("MyMapDiv");
                var layer = new ArcGISDynamicMapServiceLayer
                ("http://localhost:6080/arcgis/rest/services/demo/WLFX_huanbao/MapServer");
                map.addLayer(layer)
				//创建路径分析对象
                var shortestAnalyst = new RouteTask("http://localhost:6080/arcgis/rest/services/demo/WLFX_huanbao/NAServer/Route");
				//创建路径参数对象
                var routeParas = new RouteParameters();
				//障碍点，但是此时障碍点为空
                routeParas.barriers = new FeatureSet();
				//停靠点，但是此时停靠点为空
                routeParas.stops = new FeatureSet();
				//路径是否有方向
                routeParas.returnDirections = false;
				//是否返回路径，此处必须返回
                routeParas.returnRoutes = true;
				//空间参考
                routeParas.outSpatialReference = map.SpatialReference;
				//定义一个标志
				//selectPointID=0什么都不做
				//selectPointID=1说明是添加停靠点
				//selectPointID=2说明是添加障碍点
				var selectPointID;
				//给停靠点按钮添加点击事件
				on(dom.byId("stop"),"click",function(){
					selectPointID = 1;
				})
				//给障碍点按钮添加点击事件
				on(dom.byId("barriers"),"click",function(){
					selectPointID = 2;
				})
				//定义停靠点的符号
				var stopSymbol = new SimpleMarkerSymbol();
                stopSymbol.style = SimpleMarkerSymbol.STYLE_CIRCLE;
                stopSymbol.setSize(8);
                stopSymbol.setColor(new Color("#FFFFCC"));
				//定义障碍点的符号
                var barrierSymbol = new SimpleMarkerSymbol();
                barrierSymbol.style = SimpleMarkerSymbol.STYLE_CIRCLE;
                barrierSymbol.setSize(8);
                barrierSymbol.setColor(new Color("#f1a340"));
				on(map, "mouse-down", function(evt){
					//通过selectPointID判断是添加是停靠点还是障碍点
					switch (selectPointID) {
                        case 0:
                            break;
                        case 1:
							//获得停靠点的坐标
							var pointStop=evt.mapPoint;
							var gr=new Graphic(pointStop,stopSymbol);
							//构建停靠点的参数
                            routeParas.stops.features.push(gr);
                            break;
                        case 2:
							//获得障碍点的坐标
							var pointBarrier=evt.mapPoint;
							var gr=new Graphic(pointBarrier,barrierSymbol);
							//构建障碍点的参数
                            routeParas.barriers.features.push(gr);
                            break;
                    }
					//如果selectPointID不等于0，将点的坐标在地图上显示出来
                    if (selectPointID != 0) {
                        addTextPoint("停靠点", pointStop, stopSymbol);
                        addTextPoint("障碍点", pointBarrier, barrierSymbol);
                        selectPointID = 0;
                    }
				});
				//文本符号：文本信息，点坐标，符号
				function addTextPoint(text,point,symbol) {
                    var textSymbol = new TextSymbol(text);
                    textSymbol.setColor(new Color([128, 0, 0]));              
                    var graphicText = Graphic(point, textSymbol);
                    var graphicpoint = new Graphic(point, symbol);
					//用默认的图层添加
                    map.graphics.add(graphicpoint);
                    map.graphics.add(graphicText);
                }
				//给分析按钮添加点击事件
				on(dom.byId("analyse"),"click",function(){
					//如果障碍点或者停靠点的个数有一个为0，提示用户参数输入不对
					if  (routeParas.stops.features.length  ==  0  || routeParas.barriers.features.length==0)
                    {
                        alert("输入参数不全，无法分析");
                        return;
                    }
					//执行路径分析函数
                    shortestAnalyst.solve(routeParas, showRoute)
				})
				//处理路径分析返回的结果。
                function showRoute(solveResult) {
					//路径分析的结果
                    var routeResults = solveResult.routeResults;
					//路径分析的长度
                    var res = routeResults.length;
					//路径的符号
                    routeSymbol  = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
                    if (res > 0) {
                        for (var i = 0; i < res; i++) {
                            var graphicroute = routeResults[i];
                            var graphic = graphicroute.route;
                            graphic.setSymbol(routeSymbol);
                            map.graphics.add(graphic);
                        }
                    }
                    else {
                        alert("没有返回结果");
                    }
                }               
            });


    </script>
</head>
<body>
    <div id="MyMapDiv" class="MapClass"></div>
    <input id="stop" type="button" value="停靠点" />
    <input id="barriers" type="button" value="障碍点" />
    <input id="analyse" type="button" value="分析" />
    
</body>
</html>