<?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,new SpatialReference(5326)),

     new MapPoint(123.720703,41.703125,new SpatialReference(5326)),

     new MapPoint(123.431641,41.320313,new SpatialReference(5326)),

     new MapPoint(123.646484,41.515625,new SpatialReference(5326)),

     new MapPoint(123.763272,41.734675,new SpatialReference(5326)),

     new MapPoint(123.248047,41.710938,new SpatialReference(5326)),

     new MapPoint(124.248047,42.510938,new SpatialReference(5326)),

     new MapPoint(123.748047,43.210938,new SpatialReference(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 Api For Flex 动态画点和线的更多相关文章

  1. ArcGIS API for Flex实现GraphicsLayer上画点、线、面。

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

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

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

  3. 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十)态势标绘模块

    config.xml文件的配置如下: <widget label="态势标绘" icon="assets/images/impact_area_over.png&q ...

  4. 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(一)GIS一张图的系统开发环境以及flexviewer框架

    系统的GIS功能实现是基于arcgis api for flex,首先附上系统的主界面图,接下来的是对主界面的模块功能详细讲解: 一.GIS环境软件安装 (1)arcgis desktop的安装,要是 ...

  5. Clustering with the ArcGIS API for Flex

    Clustering is an excellent technique for visualizing lotss of point data. We've all seen application ...

  6. ArcGIS API for Silverlight动态标绘的实现

    原文:ArcGIS API for Silverlight动态标绘的实现 1.下载2个dll文件,分别是: ArcGISPlotSilverlightAPI.dll 和 Matrix.dll 其下载地 ...

  7. arcgis api for flex 开发入门(一)环境搭建

    http://www.cnblogs.com/wenjl520/archive/2009/06/02/1494514.html arcgis api for flex 开发入门(一)环境搭建arcgi ...

  8. 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十三)台风模块

    config.xml文件的配置如下: <widget label="台风" icon="assets/images/typhoon.png" config ...

  9. 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十一)路径导航模块

    config.xml文件的配置如下: <widget label="路径导航" icon="assets/images/lujingdaohang.png" ...

随机推荐

  1. element-ui table 行内编辑

    EditRow.ts vue+element-ui+slot-scope原生实现可编辑表格 interface NoParamConstructor<T> { new(): T; } ex ...

  2. 紫书 例题 10-29 UVa 1642(最优连续子序列)

    这类求最优连续子序列的题一般是枚举右端点,然后根据题目要求更新左端点, 一般是nlogn,右端点枚举是n,左端点是logn 难点在于如何更新左端点 用一些例子试一下可以发现 每次加进一个新元素的时候 ...

  3. Android如何从外部跳进App

    博客出自:http://blog.csdn.net/liuxian13183,转载注明出处! All Rights Reserved ! 这个问题解决了两天时间,因为网上没有完整的解决方案,解决后分享 ...

  4. 【转】 java RSA加密解密实现

    [转] java RSA加密解密实现 该工具类中用到了BASE64,需要借助第三方类库:javabase64-1.3.1.jar 下载地址:http://download.csdn.net/detai ...

  5. django-xadmin定制之分页显示数量

    环境:xadmin-for-python3 python3.5.2 django1.9.12 主要思路:利用django-xadmin的插件原理和原有分页插件的逻辑,单独定义一个分页显示数插件,效果如 ...

  6. 開始EEPlat之旅

    怎样開始EEPlat之旅 EEPlat分为社区版和商业版:功能上分为企业版和PaaS版.下面为社区企业版的開始之旅. 第一步:安装project,有两种:war包和代码project.(眼下googl ...

  7. Python列表插入字典(转)

    https://blog.csdn.net/qq_29721419/article/details/70310183

  8. android文本排布

    首先看一幅图,是简书App的一篇文章的截图,如下: 图1,图2 上面两个图片都是文本的显示,但是由于有多种格式,所以较为复杂,例如其中有普通文本,还有加粗的文本,还有图文混排的显示等等. 一.解析HT ...

  9. vue父子间通信案列三($emit和prop用法)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. 记录一下 mysql 的查询中like字段的用法

    SELECT * from t_yymp_auth_role where role_name not like '%测试%' and role_name not like '%部门%' and rol ...