使用ArcGIS GP服務之五 JavaScript的調用

本文轉載自查看原文 2012-11-18 15:31 10653 ArcGIS Geoprocessing

使用前的了解

這是上一個博客留下的最后一張圖，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);