您的位置:首页 > 其它

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

2013-06-25 09:46 686 查看
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>


效果



到此结束!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: