空间管理您的位置: 3sNews.Net——3S社区&资讯平台 » my name is barry » 日志

arcgis api for flex 高级主题（二）自定义控件的开发

上一篇 / 下一篇 2008-10-19 08:27:23 / 个人分类：mushup

h_*j#VM3Ie6188arcgis api for flex 本身只提供了Navigation和ScaleBar两个控件，并且api中

对如何开发自定义的控件做详细的描述（也可能有，是我没找到）、
3c/d*YO@6188下面就介绍一下我的方法。以实现一个能在地图上动态显示当前鼠标经纬度的控

件。
Qkt$\:a,b61881 定义控件类，集成UIComponent ，实现IMapAware接口
o2P4s^|'b)n61882 重载createChildren函数
3 实现public function set map(map:Map) : void 函数
4 添加自己的功能代码
直接放代码

Flash:demo

R;vp7R8Y(}?D!Wl6188package com.esri
9UQUD+C6188{
import com.esri.ags.*;
-Y7| p&Hl?3Db6188     import com.esri.ags.events.*;
     import com.esri.ags.geometry.MapPoint;
K)r7}XO~6188     import com.esri.ags.utils.*;
import flash.display.*;
"]-@^iSx8d*s x6188 import flash.events.MouseEvent;
1w}+ia&J}6188 import flash.filters.*;
import flash.text.*;
import flash.geom.Point;
)eqm8Dw6188 import mx.core.*;
import mx.events.*;
A&Rl e%Xk&N[?f6188 public class ESRIStatusBar extends UIComponent implements

IMapAware
6C3uK?"Ni7V6188 {
/n$T@juq2o6u6188  private var m_map:Map;
   private var m_stateLabel:TextField;
$C b CCs6188  public function ESRIStatusBar()
  {
   m_stateLabel = new TextField();
   m_stateLabel.width = 152;
Zp_{z1U*xQLe6188  }
        override protected function updateDisplayList(log:Number,

pow:Number) : void
{!A$jzn6188        {
           super.updateDisplayList(log, pow);
            return;
$A6]H&|`9z6188        }// end function
,PuE4|/t6188  override protected function createChildren() : void
        {
Y3IF3Tp"Bc*D)Z-q.H6188            super.createChildren();
$b-]'Z}4p)u}(|/]8u6188
        var pnt:Point = new Point;
        if(m_map.loaded)
        {
   var mapPnt:MapPoint = new MapPoint

(m_map.extent.xmax,m_map.extent.ymin);
4uc%RO@)Y't6188   pnt = m_map.toScreen(mapPnt);
U`7]q]~*Z6188    m_stateLabel.x = pnt.x-150;
            m_stateLabel.y = pnt.y-16;
7Hs-a*At2g8M3I6188        }
8[2M3c3M-I`"hUW*D6188
Z3EX"kY6188
#i&NcsXygk+G6188
            addChild(m_stateLabel);

            return;
        }// end function
    private function mouseMoveHandler

(event:MouseEvent):void
    {
:@3q6Jk(Zf`^O j0Q6188      if(m_map)
{V~H'yW.J6188      {
$W6J^m2BLv6188       if(m_map.loaded)
       {
        var mapPoint : MapPoint =

m_map.toMapFromStage(event.stageX, event.stageY);
m_stateLabel.text =

"x="+mapPoint.x.toString()+" , y="+mapPoint.y.toString();
&o4h lU8R6188       }
L5uCyE*I6188      }
    }
5YW_*Ea~A6188    private function extentChangeHandler

(event:ExtentEvent):void
    {
bXf_'IG4R6188      var pnt:Point = new Point;
'}.g1pXNfQ$cz4V6188   var mapPnt:MapPoint = new MapPoint

(m_map.extent.xmax,m_map.extent.ymin);
`8Q{g Vv\o.P6188   pnt = m_map.toScreen(mapPnt);
Dxi!F b4j$j-|%G6188
W%F0B7dy/g6188            m_stateLabel.x = pnt.x-150;
            m_stateLabel.y = pnt.y-16;
    }
        public function set map(map:Map) : void
t8be!f$},[sl6188        {
            m_map = map;
            m_map.addEventListener

(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
f/e3m7D _5WM6188 m_map.addEventListener(ExtentEvent.EXTENT_CHANGE,

extentChangeHandler);
)IF2r0^@6188 }// end function
}
@3DT!R;V"~n6188}

把这个控件添加到map上
var statusBar:ESRIStatusBar = new ESRIStatusBar();
k~?Nb;X$\h6188            IMapAware(statusBar).map = EsriMap;
            EsriMap.addChild(statusBar);
|LQVk1L6188放代码
S;L7UT${#|hf6188<?xml version="1.0" encoding="utf-8"?>
<mx:Application
6NK2@2KL+yBl|6188    xmlns:mx="http://www.adobe.com/2006/mxml"
g5l*D/n#`6188    xmlns:esri="http://www.esri.com/2008/ags"
Z2n*?;akE6188    styleName="plain" >
{"L+| _"Oh|'^%fa6188    <mx:Script>
,|z,O!x~vw&p6188    <![CDATA[
h R9Vsf6188    import com.esri.*;
O}dO)Ae6Ai{6188   import com.esri.ags.*;
      private function EsriMapCreateComplete():void
;u'}3x z1g w,wU6188      {
Q0u)eT:uh N'Spz-a6188       var statusBar:ESRIStatusBar = new

ESRIStatusBar();
            IMapAware(statusBar).map = EsriMap;
jw{&\A }2J)A B)f+C6188            EsriMap.addChild(statusBar);
9~O-T#@Ntha6188      }
    ]]>
aUrzG$D%H6188    </mx:Script>
    <esri:Map crosshairVisible="true" id="EsriMap"

creationComplete="EsriMapCreateComplete()">
} R(Fo&{2f6188 <esri:ArcGISTiledMapServiceLayer
a|R:W%tR&v5k w6188

url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap

_World_2D/MapServer" />
;O cb8q*Vl*q1Vg M;M6188 </esri:Map>
v']mBI!_0KQl*}6188</mx:Application>