ArcGIS Api For Flex 动态画点和线

原创 2013年12月05日 11:21:15

在项目当中往往会用到在地图上跟踪GPS目标,这就需要在地图上动态画GPS点和行动轨迹,下面来看看在Flex 中是如何做到的:

 

 

代码如下:

 

<?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”xmlns:supportClasses=”com.esri.ags.skins.supportClasses.*” minWidth=”955″minHeight=”600″ xmlns:esri=”
http://www.esri.com/2008/ags

      initialize=”init()”
      >    
 <fx:Script>
  <![CDATA[
   import com.esri.ags.Graphic;
   import com.esri.ags.SpatialReference;
   import com.esri.ags.geometry.MapPoint;
   import com.esri.ags.geometry.Polyline;
   import com.esri.ags.layers.GraphicsLayer;
   import com.esri.ags.symbols.SimpleLineSymbol;
   import com.esri.ags.symbols.SimpleMarkerSymbol;

 

   import mx.controls.Alert;
   private var arr:Array=
    [new MapPoint(123.361328,41.265625,newSpatialReference(5326)),
     new MapPoint(123.720703,41.703125,newSpatialReference(5326)),
     new MapPoint(123.431641,41.320313,newSpatialReference(5326)),
     new MapPoint(123.646484,41.515625,newSpatialReference(5326)),
     new MapPoint(123.763272,41.734675,newSpatialReference(5326)),
     new MapPoint(123.248047,41.710938,newSpatialReference(5326)),
     new MapPoint(124.248047,42.510938,newSpatialReference(5326)),
     new MapPoint(123.748047,43.210938,newSpatialReference(5326)),
     new MapPoint(123.748047,43.210938,new SpatialReference(5326))
    ];
   private var polyine:Polyline=new Polyline();
   private var graphicsLayer:GraphicsLayer=new GraphicsLayer();
   private var grahpic:Graphic=new Graphic();
   
   private function init():void
   {
    graphicsLayer.add(grahpic);
    Map.addLayer(graphicsLayer);
   }     
   private function PlayPoint(e:MouseEvent):void
   {
    
    graphicsLayer.clear();
    var i:int=0;
    var timer:Timer = new Timer(1000, arr.length-1);
    timer.addEventListener(TimerEvent.TIMER, TimerMethod);
    timer.start();
    function TimerMethod(event:TimerEvent):void
    {
     var mps:Array=new Array;
     var mpStat:MapPoint=arr[i] as MapPoint;
     
     
     grahpic=new Graphic(mpStat,sps);
     
     graphicsLayer.add(grahpic);
     i=i+1;
    }
   }
   private function PlayLine(e:MouseEvent):void
   {
    
    polyine=new Polyline();
    var i:int=0;
    var timer:Timer = new Timer(1000, arr.length-1);
    timer.addEventListener(TimerEvent.TIMER, TimerMethod);
    timer.start();
    function TimerMethod(event:TimerEvent):void
    {
     var mps:Array=new Array;
     var mpStat:MapPoint=arr[i] as MapPoint;
     var mpEnd:MapPoint=arr[i+1] as MapPoint;
     mps.push(mpStat);
     mps.push(mpEnd);
     polyine.addPath(mps);
       
     grahpic=new Graphic(polyine,sls);
     
     graphicsLayer.add(grahpic);
     i=i+1;
    }
   }
     
   
  ]]>
 </fx:Script>
 <fx:Declarations>
  <!–
将非可视元素(例如服务、值对象)放在此处
–>
  <esri:SimpleLineSymbol id=”sls”
          width=”3″
          color=”0x00FF00″/>
  <esri:SimpleMarkerSymbol id=”sms”
         color=”0x00FF00″
         size=”12″
         style=”square”/>
  <esri:PictureMarkerSymbol id=”sps” source=”
http://localhost/Red_glow.swf
“  width=”20″ height=”20″ />
 
 </fx:Declarations>
 <esri:Map id=”Map” >
  <esri:ArcGISDynamicMapServiceLayer url=”
xxx “/>

 

 </esri:Map>
 
 
 <mx:ControlBar  width=”100%” top=”0″ left=”0″ paddingTop=”0″paddingBottom=”0″   horizontalAlign=”left” >
  <mx:Button label=”
开始点轨迹
”  width=”100″ fontSize=”12″click=”PlayPoint(event)”/>
  <mx:Button label=”
开始线轨迹
”  width=”100″ fontSize=”12″click=”PlayLine(event)”/>
 </mx:ControlBar>

 

 
</s:Application>

 

ArcGIS flex API 使用样例

http://ns.adobe.com/mxml/2009"       xmlns:s="library://ns.adobe.com/flex/spark"       xmlns:la...

arcgis api for flex之专题图制作(饼状图,柱状图等)

最近公司给我一个任务,就是利用arcgis api for flex实现在地图上点(业务数据)直接显示饼状图以及柱状图的专题图制作,而不是通过点击点显示气泡窗口的形式来实现,这个公司已经实现了。   ...

Graphics in the ArcGIS API for Flex(ArcGIS中的图形层)

原文摘录

ArcGIS Api For Flex 动态画点和线

http://ns.adobe.com/mxml/2009"        xmlns:s="library://ns.adobe.com/flex/spark"        xmlns:mx=...

基于ArcGIS Flex API实现动态标绘(1.0)

标绘作为一种数据展示形式,
  • GISpace
  • GISpace
  • 2014年06月29日 22:11
  • 4626

ArcGIS API For Flex(设置地图空间范围)

引用地址:https://developers.arcgis.com/flex/guide/using-extent.htm  本教程描述几种方式设置地图的范围以及如何取得用于其他操作程度。 Set...

ArcGIS Api For Flex 动态画点和线(2)

通过webservices和flex交互取得数据库中的gps坐标动态显示在地图上。     1.建立数据库:     2.建立webservices:   using Syst...
  • SYDBC
  • SYDBC
  • 2013年12月05日 11:25
  • 1993

ArcGIS.Server.9.3和ArcGIS API for Flex实现GraphicsLayer上画点、线、面(五)

目的: 1.ArcGIS API for Flex实现GraphicsLayer上画点、线、面。 准备工作: 1.这次地图数据就用Esri提供的http://server.arcgisonlin...

ArcGIS Api For Android学习之(三)画点、线、面

本节目标:实现学习DrawGraphicElements例子利用GraphicsLayer在地图上画点、线和面。 关键要点: 1. 屏幕点击事件监听。 2. 符号的设置 具体代码如下: ...
  • SYDBC
  • SYDBC
  • 2013年12月05日 10:54
  • 5284

ArcGIS API for Flex(五) 加载动态地图

此例演示如何加载动态地图 先看效果 代码如下
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ArcGIS Api For Flex 动态画点和线
举报原因:
原因补充:

(最多只允许输入30个字)