使用ArcGIS GP服务之五 JavaScript的调用

使用前的了解

这是上一个博客留下的最后一张图，GP的服务目录，我们通过点击Tasks下面的一个链接地址进入。这个地址，需要记住，这将是GP服务的地址，需要写在代码里面的。

帮助说明，这个是在发布服务的时候，手动输入的。也就是说，如果我们想要别人来使用我们的工具，发布服务的时候，尽量让这个帮助写的清楚一些，现在很多懒人都不愿意写。
参数列表，会列出所有的参数，参数名字是需要记住的，到时候需要写在代码里面的。

数据类型，这是GP服务的数据类型。每一个GP服务数据类型和JS数据类型进行对应。

Data Type	JavaScript Type	Example
GPString	String	"MyString"
GPDouble	Number (float)	12.56
GPLong	Number (int)	345
GPBoolean	Boolean	true
GPDate	Date
GPLinearUnit	<LinearUnit>
GPDataFile	<DataFile>
GPRasterData	<RasterData>
GPRecordSet	<FeatureSet>
GPRasterDataLayer	<RasterData>
GPFeatureRecordSetLayer	<FeatureSet>
GPMultiValue	String[]	["Parcels", "Street Lights"]

默认值，如果我们没有传数据的话，将会使用默认值。

这些我们都了解后，上代码。

JavaScript的调用

dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("esri.map");
dojo.require("esri.toolbars.draw");
dojo.require("esri.tasks.gp");
var map, toolbar, gp;
function init() {
    map = new esri.Map("map");
    basemap = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/basemap2/MapServer");
    map.addLayer(basemap);
    dojo.connect(map, 'onLoad', function(theMap) {
        dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
        toolbar = new esri.toolbars.Draw(map);
        dojo.connect(toolbar, 'onDrawEnd', drawEnd);
    });
    var button = dojo.byId("polygon");
    dojo.connect(button, 'onclick', drawPolygon);
 
}
 
function drawPolygon() {
    toolbar.activate(esri.toolbars.Draw.POLYGON);
 
}
 
function drawEnd(geometry) {
    toolbar.deactivate();
    var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25]));
    var graphic = new esri.Graphic(geometry, symbol);
    map.graphics.add(graphic);
    tojob(graphic);
}
 
function tojob(graphic) {
    //第一步构造GP
    var gpUrl = 'http://localhost:6080/arcgis/rest/services/GP/ContaminatedAreas/GPServer/ContaminatedAreas';
    gp = new esri.tasks.Geoprocessor(gpUrl);
    //第二步，构造参数
    //我们通过上面，了解到GPFeatureRecordSetLayer对应FeatureSet
    var features = [];
    features.push(graphic);
    var featureset = new esri.tasks.FeatureSet();
    featureset.features = features;
    //构造缓冲长度，这里的单位是可以更改的，我使用的是度，简单一些
    var Dis = new esri.tasks.LinearUnit();
    Dis.distance = 1;
    Dis.units = esri.Units.DECIMAL_DEGREES;
    //Distance__value_or_field_,后悔当时参数名字没有改
    var parms = {
        ContaminatedAreas : featureset,
        Distance__value_or_field_ : Dis
    };
    //这里函数是异步的，使用函数是submitJob,同步的使用的是execute。
    //成功之后，调用jobResult,建议看一下这个参数。
    gp.submitJob(parms, jobResult);
}
 
function jobResult(result) {
    var jobId = result.jobId;
    var status = result.jobStatus;
    if(status === esri.tasks.JobInfo.STATUS_SUCCEEDED) {
        //成功之后，将其中的结果取出来，当然这也是参数名字。
        //在模型中，想要取出中间结果，需要设置为模型参数
        gp.getResultData(jobId, "polygon_Buffer", addResults);
        gp.getResultData(jobId, "resultCity", addResults);
    }
}
//将缓冲添加到地图上
function addBufferResults(results) {
    console.log(results);
    var features = results.value.features;
    for(var i = 0, length = features.length; i != length; ++i) {
        var feature = features[i];
        var polySymbolRed = new esri.symbol.SimpleFillSymbol();
        polySymbolRed.setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0, 0, 0, 0.5]), 1));
        polySymbolRed.setColor(new dojo.Color([255, 0, 0, 0.5]));
        feature.setSymbol(polySymbolRed);
        map.graphics.add(feature);
    }
}
//将受污染的城市，添加到地图上
function addResults(results) {
    console.log(results);
    var features = results.value.features;
    for(var f = 0, fl = features.length; f < fl; f++) {
        var feature = features[f];
        var polySymbolRed = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE, 12, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([204, 102, 51]), 1), new dojo.Color([158, 184, 71, 1]));
        feature.setSymbol(polySymbolRed);
        map.graphics.add(feature);
    }
}
 
dojo.addOnLoad(init);