[转]ArcGIS.Server.9.3和ArcGIS API for Flex的GeometryService和buffer分析(十一)

目的:
1.ArcGIS API for Flex用GeometryService实现点、线、面的buffer分析
准备工作:
1.在ArcGIS.Server.9.3发布一个叫USA的Map Service
2.在ArcGIS.Server.9.3发布一个叫Geometry的Geometry Service,默认设置就可以了。
完成后的效果图:

uubuffer.jpg
开始:
0.首先介绍一下Geometry ServiceGeometry Service是给程序提供几何计算如 buffering, simplifying, calculating areas 、lengths,  projecting等功能,Geometry Service可以用来代替ArcObjects 或geoprocessing service等做的这些几何计算,它是ArcGIS Server 9.3提供的新功能,本篇就是用它来实现buffer的分析。
1.启动Flex Builder3新建工程以及引入1.0正式版ArcGIS API for Flex library的开发包
2.新建bufferTest.mxml页面,添加Map、ArcGISDynamicMapServiceLayer、GraphicsLayer等。具体代码如下:

1 None.gif < mx:Canvas  width ="490"  height ="401"  borderStyle ="solid"  borderThickness ="3"  verticalCenter ="16"  left ="10" >
2 None.gif     < esri:Map  id ="myMap"  crosshairVisible ="true" >
3 None.gif         < esri:ArcGISDynamicMapServiceLayer  url ="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"   />
4 None.gif         < esri:GraphicsLayer  id ="myGraphicsLayer"    />
5 None.gif     </ esri:Map >
6 None.gif     </ mx:Canvas >
3. 然后在Map控件的右边在添加一个Grid用来显示buffer分析后的数据,代码如下:
1 None.gif < mx:DataGrid  id ="datalist"  height ="398"  verticalCenter ="14"  borderStyle ="solid"  borderThickness ="3"  left ="508" >
2 None.gif     </ mx:DataGrid >
4.这里既然是用 Geometry Service实现buffer的当然还需要添加esri:GeometryService控件,它的url属性就是上面发布的 叫Geometry的Geometry Service的地址,代码如下:
1 None.gif < esri:GeometryService  id ="myGeometryService"  url ="http://jh-53a435fbc0e8/ArcGIS/rest/services/Geometry/GeometryServer" />
5.这里采用在地图上画点、线、面然后根据画的几何图进行buffer,所以还需要ToggleButtonBar按钮组控件、Draw控件以及图形显示样式的定义,具体代码如下:
 1 None.gif < esri:SimpleFillSymbol  id ="sfs"  color ="0xFF0000"  alpha ="0.6" >
 2 None.gif     </ esri:SimpleFillSymbol >
 3 None.gif     < esri:Draw  id ="drawToolbar"  map ="{myMap}"  graphicsLayer ="{myGraphicsLayer}"  drawEnd ="drawEndHandler(event)"   />
 4 None.gif     < mx:ToggleButtonBar  verticalCenter ="-203"   itemClick ="itemClickHandler(event)"  toggleOnClick ="true"  left ="11" >
 5 None.gif         < mx:dataProvider >
 6 None.gif         < mx:Array >
 7 None.gif         < mx:Object  icon ="{point}"   />
 8 None.gif         < mx:Object  icon ="{polyline}"   />
 9 None.gif         < mx:Object  icon ="{polygon}"   />
10 None.gif         </ mx:Array >
11 None.gif         </ mx:dataProvider >
12 None.gif     </ mx:ToggleButtonBar >
6.point、polyline、polygon的icon定义如下:
 1 None.gif < mx:Script >
 2 None.gif         <! [CDATA[
 3 None.gif       dot.gifdot.gif            
 4 None.gif        [Bindable] 
 5 None.gif            [Embed(source = " assets/point.gif " )]
 6 None.gif            public  var  point:Class; 
 7 None.gif
 8 None.gif            [Bindable] 
 9 None.gif            [Embed(source = " assets/polyline.gif " )]
10 None.gif            public  var  polyline:Class; 
11 None.gif
12 None.gif            [Bindable] 
13 None.gif            [Embed(source = " assets/polygon.gif " )]
14 None.gif            public  var  polygon:Class; 
15 None.gif            dot.gifdot.gif        
16 None.gif            ]] >
17 None.gif     < / mx:Script>
7.进行buffer后得到的图形然后用来查询相关结果了所以还需要添加IdentifyTask控件,代码如下:
1 None.gif < esri:IdentifyTask  id ="identifyTask"  identifyComplete ="identifyCompleteHandler(event)"  url ="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer" />
8.接下来开始编写功能代码,过程首先是用Draw工具在GraphicsLayer上画几何图形,然后用 GeometryService对几何图形进行buffer,然后用分析得到的结果图形进行IdentifyTask出结果显示在DataGrid中。
9.按照上面的过程首先添加ToggleButtonBar的itemClick事件方法itemClickHandler(event),代码如下:
 1 None.gif private  function  itemClickHandler(event:ItemClickEvent): void
 2 ExpandedBlockStart.gifContractedBlock.gif             dot.gif {
 3InBlock.gif                switch(event.index)
 4ExpandedSubBlockStart.gifContractedSubBlock.gif                dot.gif{
 5InBlock.gif                    case 0:
 6ExpandedSubBlockStart.gifContractedSubBlock.gif                    dot.gif{
 7InBlock.gif                        drawToolbar.activate(Draw.MAPPOINT);
 8InBlock.gif                        break;
 9ExpandedSubBlockEnd.gif                    }

10InBlock.gif                    case 1:
11ExpandedSubBlockStart.gifContractedSubBlock.gif                    dot.gif{
12InBlock.gif                        drawToolbar.activate(Draw.POLYLINE);
13InBlock.gif                        break;
14ExpandedSubBlockEnd.gif                    }

15InBlock.gif                    case 2:
16ExpandedSubBlockStart.gifContractedSubBlock.gif                    dot.gif{
17InBlock.gif                        drawToolbar.activate(Draw.POLYGON);
18InBlock.gif                        break;
19ExpandedSubBlockEnd.gif                    }

20ExpandedSubBlockEnd.gif                }

21ExpandedBlockEnd.gif            }
10.接着是Draw控件的drawEnd时间方法drawEndHandler(event),代码如下:
 1 None.gif private  function  drawEndHandler(event:DrawEvent): void
 2 ExpandedBlockStart.gifContractedBlock.gif             dot.gif {
 3InBlock.gif                var myGraphic:Graphic=event.graphic;
 4InBlock.gif                //设置buffer参数
 5InBlock.gif                var bufferParameters : BufferParameters = new BufferParameters();
 6InBlock.gif                bufferParameters.features=[myGraphic];
 7InBlock.gif                //buffer距离半径
 8InBlock.gif                bufferParameters.distances = [100000];
 9InBlock.gif                //buffer单位
10InBlock.gif                bufferParameters.unit = BufferParameters.UNIT_METER;
11InBlock.gif                //buffer空间参照系,102113为WKID是REST API定义好的空间参照系的id
12InBlock.gif                bufferParameters.bufferSpatialReference = new SpatialReference(102113);                          
13InBlock.gif                //添加BUFFER_COMPLETE监听
14InBlock.gif                myGeometryService.addEventListener(GeometryServiceEvent.BUFFER_COMPLETE, bufferCompleteHandler);  
15InBlock.gif                //进行buffer分析
16InBlock.gif                myGeometryService.buffer( bufferParameters );
17ExpandedBlockEnd.gif            }
11.上面的代码中用GeometryService进行buffer已经有详细注释了,执行buffer方法后会执行bufferCompleteHandler方法,代码如下:
 1 None.gif // buffer完成后调用方法
 2 None.gif             private  function  bufferCompleteHandler( event : GeometryServiceEvent ) :  void
 3 ExpandedBlockStart.gifContractedBlock.gif             dot.gif {
 4InBlock.gif                myGraphicsLayer.clear();
 5InBlock.gif                //移除BUFFER_COMPLETE监听
 6InBlock.gif                myGeometryService.removeEventListener(GeometryServiceEvent.BUFFER_COMPLETE,bufferCompleteHandler);
 7InBlock.gif                //获取buffer结果Graphic
 8InBlock.gif                for each (var graphic : Graphic in event.graphics )
 9ExpandedSubBlockStart.gifContractedSubBlock.gif                dot.gif{
10InBlock.gif                    //设置显示样式
11InBlock.gif                    graphic.symbol = sfs;
12InBlock.gif                    //添加到GraphicsLayer进行显示
13InBlock.gif                    myGraphicsLayer.add( graphic );
14InBlock.gif                    
15InBlock.gif                    var identifyParams:IdentifyParameters=new IdentifyParameters();
16InBlock.gif                    //查询结果需要返回Geometry
17InBlock.gif                    identifyParams.returnGeometry=true;
18InBlock.gif                    //查询冗余范围
19InBlock.gif                    identifyParams.tolerance=1;
20InBlock.gif                    //
21InBlock.gif                    identifyParams.width = myMap.width;
22InBlock.gif                    //
23InBlock.gif                    identifyParams.height = myMap.height;
24InBlock.gif                    //设置查询的Geometry
25InBlock.gif                    identifyParams.geometry=graphic.geometry;
26InBlock.gif                    //从ComboBox获取选择的图层index设置要查询的图层
27InBlock.gif                    //查询图层id为2的图层,就是States层
28InBlock.gif                    identifyParams.layerIds=[2];
29InBlock.gif                    //查询可见图层
30InBlock.gif                    //identifyParams.layerOption=IdentifyParameters.LAYER_OPTION_VISIBLE;
31InBlock.gif                    identifyParams.mapExtent=myMap.extent;
32InBlock.gif                    //进行查询
33InBlock.gif                    identifyTask.execute(identifyParams);
34ExpandedSubBlockEnd.gif                }

35ExpandedBlockEnd.gif            }
12.上面的代码中在最后执行了IdentifyTask的execute方法进行 Identify查询,查询结束后会调用identifyCompleteHandler方法把结果显示在DataGrid中,代码如下:
 1 None.gif // 查询完成后执行的事件
 2 None.gif             private  function  identifyCompleteHandler(event:IdentifyEvent): void
 3 ExpandedBlockStart.gifContractedBlock.gif             dot.gif {
 4InBlock.gif                myNav.activate(Navigation.PAN);
 5InBlock.gif                var datas:Array=new Array();
 6InBlock.gif                //myGraphicsLayer.clear();
 7InBlock.gif                //遍历查询结果把查询到的feature添加到GraphicsLayer进行高亮显示
 8InBlock.gif                //同时把查询到的元素的名称添加到datas对象数组用来DataGrid显示用
 9InBlock.gif                for each (var result:IdentifyResult in event.identifyResults)
10ExpandedSubBlockStart.gifContractedSubBlock.gif                dot.gif{
11InBlock.gif                    myGraphicsLayer.add(result.feature);
12InBlock.gif                    //datas.push(result.feature.attributes);    
13ExpandedSubBlockStart.gifContractedSubBlock.gif                    datas.push(dot.gif{"value":result.value});
14ExpandedSubBlockEnd.gif                }

15InBlock.gif                //设置mx:DataGrid的数据源
16InBlock.gif                datalist.dataProvider=datas;
17ExpandedBlockEnd.gif            }
13.这样就完成了buffer的功能,运行测试效果。

转载于:https://www.cnblogs.com/xranycall/archive/2010/08/18/1802614.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值