Flex开发ArcGIS问题集锦八:怎样使用DrawTool绘制工具

? ? ? ? ? ? ??Flex开发ArcGIS问题集锦八:怎样使用DrawTool绘制工具

代码

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:esri="http://www.esri.com/2008/ags">
	<fx:Declarations>
		<esri:DrawTool id="drawTool" map="{map}" drawEnd="onDrawEnd(event)" graphicsLayer="{layer}" />
	</fx:Declarations>
	
	<esri:Map id="map" scaleBarVisible="false" logoVisible="false" width="100%" height="100%">
		<esri:ArcGISDynamicMapServiceLayer 
			url="http://SDRJ-WX/arcgis/rest/services/sample/MapServer" />
		<esri:GraphicsLayer id="layer" />
	</esri:Map>	
	<mx:ToggleButtonBar top="10" horizontalCenter="0" itemClick="toolbar_Clicked(event)">
		<mx:dataProvider>
			<fx:Array>
				<fx:String>点</fx:String>
				<fx:String>多点</fx:String>
				<fx:String>线段</fx:String>
				<fx:String>折线</fx:String>
				<fx:String>多边形</fx:String>
				<fx:String>自由线</fx:String>
				<fx:String>自由面</fx:String>
				<fx:String>矩形</fx:String>	
				<fx:String>圆</fx:String>
				<fx:String>椭圆</fx:String>
			</fx:Array>
		</mx:dataProvider>
	</mx:ToggleButtonBar>	
	<fx:Script>
		<![CDATA[
			import com.esri.ags.Graphic;
			import com.esri.ags.events.DrawEvent;
			
			import mx.controls.Alert;
			import mx.events.ItemClickEvent;
			protected function toolbar_Clicked(event:ItemClickEvent):void
			{
				switch(event.index)
				{
					case 0:
						drawTool.activate(DrawTool.MAPPOINT);
						break;
					case 1:
						drawTool.activate(DrawTool.MULTIPOINT);
						break;
					case 2:
						drawTool.activate(DrawTool.LINE);
						break;		
					case 3:
						drawTool.activate(DrawTool.POLYLINE);
						break;
					case 4:
						drawTool.activate(DrawTool.POLYGON);
						break;
					case 5:
						drawTool.activate(DrawTool.FREEHAND_POLYLINE);
						break;
					case 6:
						drawTool.activate(DrawTool.FREEHAND_POLYGON);
						break;
					case 7:
						drawTool.activate(DrawTool.EXTENT);
						break;	
					case 8:
						drawTool.activate(DrawTool.CIRCLE);
						break;
					case 9:
						drawTool.activate(DrawTool.ELLIPSE);
						break;
				}
			}
			
			protected function onDrawEnd(event:DrawEvent):void
			{
				var graphic:Graphic = event.graphic;
				mx.controls.Alert.show("绘制结束！");
			}
			
		]]>
	</fx:Script>
</s:Application>

效果

到此结束！！！