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

最新推荐文章于 2024-11-27 13:51:45 发布

转载最新推荐文章于 2024-11-27 13:51:45 发布 · 1k 阅读

文章标签：

#Arcgis Server #Flex

ArcGIS Server 专栏收录该内容

63 篇文章

订阅专栏

本文介绍如何为 ArcGIS API for Flex 开发自定义控件，以实现在地图上动态显示鼠标经纬度的功能。通过定义继承 UIComponent 的控件类并实现 IMapAware 接口，结合地图事件监听，完成自定义状态栏控件的创建。

arcgis api for flex 本身只提供了Navigation和ScaleBar两个控件，并且api中
对如何开发自定义的控件做详细的描述（也可能有，是我没找到）、
下面就介绍一下我的方法。以实现一个能在地图上动态显示当前鼠标经纬度的控
件。
1 定义控件类，集成UIComponent ，实现IMapAware接口
2 重载createChildren函数
3 实现public function set map(map:Map) : void 函数

4 添加自己的功能代码

package com.esri
{
  import com.esri.ags.*;
     import com.esri.ags.events.*;
     import com.esri.ags.geometry.MapPoint;
     import com.esri.ags.utils.*; 
  import flash.display.*;
  import flash.events.MouseEvent;
  import flash.filters.*;
  import flash.text.*;
  import flash.geom.Point;
  import mx.core.*;
  import mx.events.*;
public class ESRIStatusBar extends UIComponent implements 
IMapAware
{
  private var m_map:Map;
   private var m_stateLabel:TextField;
  public function ESRIStatusBar()
  {
   m_stateLabel = new TextField();
   m_stateLabel.width = 152;
  }
        override protected function updateDisplayList(log:Number, 
pow:Number) : void
        {
           super.updateDisplayList(log, pow);
            return;
        }// end function
  override protected function createChildren() : void
        {
            super.createChildren();
      
        var pnt:Point  = new Point;
        if(m_map.loaded)
        {
   var mapPnt:MapPoint = new MapPoint
(m_map.extent.xmax,m_map.extent.ymin);
   pnt = m_map.toScreen(mapPnt);
    m_stateLabel.x = pnt.x-150;
            m_stateLabel.y = pnt.y-16;
        }
   
           

            addChild(m_stateLabel);
            return;
        }// end function
     private function mouseMoveHandler
(event:MouseEvent):void
     {
      if(m_map)
      {
       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(); 
       }
      }
     }
     private function extentChangeHandler
(event:ExtentEvent):void
     {
      var pnt:Point  = new Point;
   var mapPnt:MapPoint = new MapPoint
(m_map.extent.xmax,m_map.extent.ymin);
   pnt = m_map.toScreen(mapPnt);
   
            m_stateLabel.x = pnt.x-150;
            m_stateLabel.y = pnt.y-16;
     }
        public function set map(map:Map) : void
        {
            m_map = map;
            m_map.addEventListener
(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
            m_map.addEventListener(ExtentEvent.EXTENT_CHANGE, 
extentChangeHandler);
        }// end function
}
}

把这个控件添加到map上
var statusBar:ESRIStatusBar = new ESRIStatusBar();
IMapAware(statusBar).map = EsriMap;
EsriMap.addChild(statusBar);
放代码