This repository has been archived by the owner on Aug 17, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample.html
124 lines (112 loc) · 6.82 KB
/
example.html
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Simple Map</title>
<link rel="stylesheet" type="text/css" href="https://echo.arcgisserver.com/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" type="text/css" href="https://echo.arcgisserver.com/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" />
<style>
html, body, #mapDiv {
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script type="text/javascript" src="https://echo.arcgisserver.com/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/init.js"></script>
<script type="text/javascript">
require(["esri/map",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/tasks/Geoprocessor",
"esri/layers/FeatureLayer",
"esri/layers/ImageParameters",
"esri/layers/ImageServiceParameters",
"esri/layers/RasterFunction",
"esri/layers/ArcGISImageServiceLayer",
"esri/tasks/query",
"esri/tasks/QueryTask",
"esri/tasks/FeatureSet",
"dojo/domReady!"],
function(map, ArcGISDynamicMapServiceLayer, Geoprocessor, FeatureLayer, ImageParameters, ImageServiceParameters, RasterFunction, ArcGISImageServiceLayer, Query, QueryTask, FeatureSet) {
var colorRamp = [[0,175,240,233],[3,175,240,222],[7,177,242,212],
[11,177,242,198],[15,176,245,183],[19,185,247,178],[23,200,247,178],
[27,216,250,177],[31,232,252,179],[35,248,252,179],[39,238,245,162],
[43,208,232,135],[47,172,217,111],[51,136,204,88],[55,97,189,66],
[59,58,176,48],[63,32,161,43],[67,18,148,50],[71,5,133,58],[75,30,130,62],
[79,62,138,59],[83,88,145,55],[87,112,153,50],[91,136,158,46],[95,162,166,41],
[99,186,171,34],[103,212,178,25],[107,237,181,14],[111,247,174,2],
[115,232,144,2],[119,219,118,2],[123,204,93,2],[127,191,71,2],[131,176,51,2],
[135,163,34,2],[139,148,21,1],[143,135,8,1],[147,120,5,1],[151,117,14,2],[155,117,22,5],
[159,115,26,6],[163,112,31,7],[167,112,36,8],[171,110,37,9],[175,107,41,11],
[179,107,45,12],[183,105,48,14],[187,115,61,28],[191,122,72,40],[155,117,22,5],
[159,115,26,6],[163,112,31,7],[167,112,36,8],[171,110,37,9],
[175,107,41,11],[179,107,45,12],[183,105,48,14],[187,115,61,28],[191,122,72,40],
[155,117,22,5],[159,115,26,6],[163,112,31,7],[167,112,36,8],[171,110,37,9],
[175,107,41,11],[179,107,45,12],[183,105,48,14],[187,115,61,28],[191,122,72,40],
[195,133,86,57],[199,140,99,73],[203,148,111,90],[207,153,125,109],
[213,163,148,139],[217,168,163,160],[223,179,179,179],[227,189,189,189],
[231,196,196,196],[235,207,204,207],[239,217,215,217],[243,224,222,224],
[247,235,232,235],[251,245,242,245],[255,255,252,255]];
var map = new esri.Map("mapDiv");
// add data layer
var dynamicLayerUrl = "https://echo.arcgisserver.com/arcgis/rest/services/MyGPService/ca_ozone/MapServer";
var dynamicLayer = new esri.layers.ArcGISDynamicMapServiceLayer(dynamicLayerUrl);
map.addLayer(dynamicLayer);
var gpProcessor = new esri.tasks.Geoprocessor("https://echo.arcgisserver.com/arcgis/rest/services/MyGPService/isosurface/GPServer/Model");
gpProcessor.setOutputSpatialReference({wkid: 3310});
/*
* get a data set form a layer as the first parameter of GP service
*/
var dataQueryTask = new esri.tasks.QueryTask("https://echo.arcgisserver.com/arcgis/rest/services/MyGPService/ca_ozone/FeatureServer/0");
var dataQuery = new esri.tasks.Query();
dataQuery.where = "1=1";
dataQuery.returnGeometry = true;
dataQuery.outFields = ["*"];
var dataSet = new esri.tasks.FeatureSet();
dataQueryTask.execute(dataQuery, function(results) {
dataSet.features = results.features;
/*
* Get a region for clip, the second parameter of GP service
*/
var queryTask = new esri.tasks.QueryTask("https://echo.arcgisserver.com/arcgis/rest/services/MyGPService/ca_ozone/FeatureServer/2");
var query = new esri.tasks.Query();
query.where = "1=1";
query.returnGeometry = true;
query.outFields = ["*"];
var clip_outlines = new esri.tasks.FeatureSet();
queryTask.execute(query, function(results) {
clip_outlines.features = results.features;
// setup the parameters of GP service
var params = {
"input_data_set" : dataSet,
"outline": clip_outlines,
"Z_value_field": "OZONE"
};
// Call asynchronous GP service
gpProcessor.submitJob(params, function(jobInfo) {
/* method 1:
* Recommend way.
*/
var imageParams = new esri.layers.ImageParameters();
imageParams.imageSpatialReference = map.spatialReference;
gpProcessor.getResultImageLayer(jobInfo.jobId, "output", imageParams, function(gpLayer) {
gpLayer.setOpacity(1);
map.addLayer(gpLayer);
});
//url = "https://echo.arcgisserver.com/arcgis/rest/services/MyGPService/isosurface/MapServer/jobs" + "/" + jobInfo.jobId;
//var hotspotLayer = new esri.layers.ArcGISDynamicMapServiceLayer(url, {
// "id": jobInfo.jobId
//});
//map.addLayer(hotspotLayer);
}, function(jobInfo) {
console.log(jobInfo.jobStatus);
console.log(jobInfo.jobId);
});
});
});
});
</script>
</head>
<body class="tundra">
<div id="mapDiv" style="width:100%; height:100%; border:1px solid #000;"></div>
</body>
</html>