<?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. Unity C# 设计模式(六)原型模式

    定义:用原型实例指定创建对象的种类,并通过拷贝这些原型来创建新的对象. 优点: 1.原型模式向客户隐藏了创建新实例的复杂性 2.原型模式允许动态增加或较少产品类. 3.原型模式简化了实例的创建结构,工 ...

  2. 【Oracle错误集锦】:ORA-00119 &amp; ORA-00132

    有时候老天就是爱和你开玩笑,昨天好不easy配置好Oracle.可以用PL/SQL正常登录使用,今天突然就不行了.而且错误十分诡异,没有提示什么错误代码.输入usernamepassword,点击登录 ...

  3. CentOS用rpm升级glibc

    CentOS用rpm升级glibc #! /bin/sh # update glibc to 2.23 for CentOS 6 wget http://cbs.centos.org/kojifile ...

  4. vue7 下拉列表

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

  5. Android LruCache 压缩图片 有效避免程序OOM

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9316683 本篇文章主要内容来自于Android Doc,我翻译之后又做了些加工, ...

  6. Android Design Support Library初探,NavigationView实践

    前言 在前几天的IO大会上,Google带来了Android M,同时还有Android支持库的新一轮更新,其中更是增加一个全新的支持库Android Design Support Library,包 ...

  7. Android CardView卡片布局 标签: 控件

    CardView介绍 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果:CardView被包装为一种布局,并且经常在ListV ...

  8. [ Linux ] 釋放記憶體指令(cache) - 轉載

    1. [Linux]釋放記憶體指令(cache) http://jeffreyy.pixnet.net/blog/post/84333764-%E3%80%90linux%E3%80%91%E9%87 ...

  9. vi命令常用操作

    一.vi的操作模式  vi提供两种操作模式:输入模式(insert mode)和指令模式(command mode).在输入模式下,用户可输入文本资料.在指令模式下,可进行删除.修改等各种编辑动作.  ...

  10. css————获取样式的各种方法

    元素.style.样式:只能获取行间样式,css中的样式不能获取,且获得的内容是字符串. 元素.offsetWidth:可以获取无论css样式还是行间样式,但只能获得width,height,pare ...