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

最新推荐文章于 2023-10-08 16:09:37 发布

奔跑的熊猫

最新推荐文章于 2023-10-08 16:09:37 发布

阅读量1.7k

点赞数

分类专栏： arcgis for javascript

arcgis for javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

使用前的了解

这是上一个博客留下的最后一张图，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);