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

使用ArcGISAPIforFlex实现点、线、面的buffer分析
本文详细介绍了如何利用ArcGISAPIforFlex结合GeometryService功能,实现对地图上的点、线、面进行缓冲区分析,并通过FlexBuilder3构建实例演示了整个流程。

目的:
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等。具体代码如下:

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

标题基于Python的自主学习系统后端设计与实现AI更换标题第1章引言介绍自主学习系统的研究背景、意义、现状以及本文的研究方法创新。1.1研究背景与意义阐述自主学习系统在教育技术领域的重要性应用价值。1.2国内外研究现状分析国内外在自主学习系统后端技术方的研究进展。1.3研究方法与创新概述本文采用Python技术栈的设计方法系统创新。第2章相关理论与技术总结自主学习系统后端开发的相关理论技术基础。2.1自主学习系统理论阐述自主学习系统的定义、特征理论基础。2.2Python后端技术栈介绍DjangoFlask等Python后端框架及其适用场景。2.3数据库技术讨论关系型非关系型数据库在系统中的应用方案。第3章系统设计与实现详细介绍自主学习系统后端的设计方案实现过程。3.1系统架构设计提出基于微服务的系统架构设计方案。3.2核心模块设计详细说明用户管理、学习资源管理、进度跟踪等核心模块设计。3.3关键技术实现阐述个性化推荐算法、学习行为分析等关键技术的实现。第4章系统测试与评估对系统进行功能测试性能评估。4.1测试环境与方法介绍测试环境配置采用的测试方法。4.2功能测试结果展示各功能模块的测试结果问题修复情况。4.3性能评估分析分析系统在高并发等场景下的性能表现。第5章结论与展望总结研究成果并提出未来改进方向。5.1研究结论概括系统设计的主要成果技术创新。5.2未来展望指出系统局限性并提出后续优化方向。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值