ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示（二）

目的：1.ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示，在瓦片基图上显示动态图层。准备工作：1.在ArcGIS.Server.9.3发布一个叫USA的Map Service，并且把这个Service启动起来，这个作为动态图层数据。2.瓦片数据我这里没有现成的就采用Esri提供的rest世界地图数据服务，地址如下：http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer。完成后的效果图： 开始：1.启动Flex Builder3，点击菜单File->New->Flex Project，然后输入项目名称Project Name:flexMapApp接着点击Next选择输出文件夹（不用修改默认就行）继续Next然后出现如下界面：2.在上面的界面中点击Library path然后点击Add SWC找到上面解压到目录中的agslib-1.0-beta-2008-07-31.swc文件点击ok，在这里就把ArcGIS API for Flex library的开发包引入到工程中来，就可以在工程中使用Esri提供的Flex组件了。3.这里要显示2种地图数据一种是瓦块图、一种是动态图，这样就需要ArcGISTiledMapServiceLayer和ArcGISDynamicMapServiceLayer支持，关于这个可以看第一篇了有讲到，在这里瓦块图是作为底图显示首先要先添加ArcGISTiledMapServiceLayer，具体代码如下： Code 1<?xml version="1.0" encoding="utf-8"?>2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  backgroundColor="white" xmlns:esri="http://www.esri.com/2008/ags">3        <mx:Canvas width="500" height="300" horizontalCenter="-63" verticalCenter="-13" borderStyle="solid" borderThickness="2" borderColor="#439AD7">4    <esri:Map logoVisible="false" panArrowsVisible="true" >5        <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer" />6    </esri:Map>7    </mx:Canvas>8    9</mx:Application> 4.上面的代码非常简单，首先是在页面上添加了一个Canvas控件用来作为地图的框，然后是在Canvas控件内添加了一个Map控件同时设置好了ArcGISTiledMapServiceLayer这样运行起来就可以浏览世界地图了。5.接下来要在底图上显示上面在ArcGIS.Server.9.3发布一个叫USA的动态数据，添加ArcGISDynamicMapServiceLayer并且设置，具体的代码如下：  1 <? xml version="1.0" encoding="utf-8" ?>  2 < mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"   backgroundColor ="white"  xmlns:esri ="http://www.esri.com/2008/ags" >  3          < mx:Canvas  width ="500"  height ="300"  horizontalCenter ="-63"  verticalCenter ="-13"  borderStyle ="solid"  borderThickness ="2"  borderColor ="#439AD7" >  4      < esri:Map  logoVisible ="false"  panArrowsVisible ="true"   >  5          < esri:ArcGISTiledMapServiceLayer  url ="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"   />  6          < esri:ArcGISDynamicMapServiceLayer  url ="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"   >  7          </ esri:ArcGISDynamicMapServiceLayer >  8      </ esri:Map >  9      </ mx:Canvas > 10      11 </ mx:Application > 12 6.上面的代码中添加了<esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer" >  </esri:ArcGISDynamicMapServiceLayer>，这个url地址就是发布的USA的rest地址，安装好Ags9.3后可以有ArcGIS Services Directory菜单可以浏览自己发布的所有的rest服务。这样就完成了2种地图类型的叠加显示可以运行查看一下效果。7.通过浏览效果可以发现地图显示范围很大不是以USA为显示范围，这样可以Map控件的extent属性设置一下地图的显示视图范围，这里设置以USA的数据范围为地图默认显示范围，可以在ArcGIS Services Directory浏览USA的MapServer查找到USA数据的最多视图范围为XMin: -127.968857954995、YMin: 25.5778580720472、XMax: -65.0742781827045、YMax: 51.2983251993735，根据这些参数在mx:Application内添加一个esri:Extent标签如下代码： 1 < esri:Extent  id ="allUsa"  xmin ="-183.780014745329"  ymin ="16.2975638854873"  xmax ="-61.4068547410964"  ymax ="74.0304580085983" /> 8.然后给esri:Map添加一个extent="{allUsa}"属性，这样就设置了Map控件的默认视图范围为ID为allUsa的ectent,这样就完成了这个练习。9.其他的还可以设置MapServiceLayer中选择自己需要显示部分的图层，比如USA的地图数据中有4个图层分别为Cities、Highways、States、Counties，现在只想显示States和Counties图层，可以加入如下代码： Code 1<esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer" >2            <esri:visibleLayers>3            <mx:ArrayCollection>4            <mx:Number>2</mx:Number>5            <mx:Number>3</mx:Number>6            </mx:ArrayCollection>7            </esri:visibleLayers>8        </esri:ArcGISDynamicMapServiceLayer>

分类