<?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. 【redis】redis命令集

    参考资料: http://www.cnblogs.com/woshimrf/p/5198361.html

  2. Vue+ElementUI: 手把手教你做一个audio组件

    目的 本项目的目的是教你如何实现一个简单的音乐播放器(这并不难) 本项目并不是一个可以用于生产环境的element播放器,所以并没有考虑太多的兼容性问题 本项目不是ElementUI的一个音频插件,只 ...

  3. Unity C# 关于设计模式的思考

    一.当你的项目发现有如下问题之一时,就需要考虑重构代码,可能会有某种模式适合. 1.代码无法进行单元测试. 2.需求的变动总是导致代码的变动. 3.有重复代码的存在. 4.继承层次过多. 5.隐藏的依 ...

  4. unity 5.6.1 Oculus手柄输入问题

    unity文档中提到 轴的 ID 是5和6,但是测试后发现,ID是6和7,很坑 void Update () { if (Input.GetKeyDown(KeyCode.JoystickButton ...

  5. 【Henu ACM Round#19 D】 Points on Line

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 考虑l..r这个区间. 且r是满足a[r]-a[l]<=d的最大的r 如果是第一个找到的区间,则直接累加C(r-l+1,3); ...

  6. 火狐不支持innerText属性,只支持innerHTML属性

    做的一个js的小程序放到火狐上用不了了,原因是innerText不是标准属性,换成innerHTML属性就好,但是可能需要把html标签给去掉

  7. eclipse C开发添加自己的头文件搜索路径

    eclipse编译C程序时提示: ..\src\main.c:8:21: fatal error: my_type.h: No such file or directory 如图: 需要添加自己的头文 ...

  8. CSS响应式布局到底是什么?

    响应式布局是最近几年在前端开发中非常火热的词,它是相对于固定像素大小的网页而言的,那么CSS响应式布局到底是什么?顾名思义,响应式布局就是网页能够响应各种各样不同分辨率大小的设备,能够将网页很好的呈献 ...

  9. How Chromium Displays Web Pages: Bottom-to-top overview of how WebKit is embedded in Chromium

    How Chromium Displays Web Pages This document describes how web pages are displayed in Chromium from ...

  10. [Chromium文档转载,第003章]Proposal: Mojo Synchronous Methods

    Proposal: Mojo Synchronous Methods yzshen@chromium.org 02/02/2016 Overview Currently there are quite ...