码迷,mamicode.com
首页 > Windows程序 > 详细

arcgis for flex api version3.7 教程:7.使用Directions查询路线(最短路径分析)

时间:2015-04-02 15:13:24      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:地图   arcgis   flex   esri   网络   

通过使用Directons组件来计算两点或多点之间的路线,在地图上添加出行路线并显示逐步说明。本节主要是讲解如何添加使用Directons组件,自定义布局让组件面板显示在屏幕左边,与地图窗口分两栏显示。自定义自己发布的网络分析服务来代替默认的路线服务。


需要准备的是:
* Adobe Flash Builder 4.5.1及以上
* ArcGIS API for Flex 3.2及以上


步骤:
1 在FB中,创建一个新工程,添加API库和esri命名空间
2 添加底图代码,设置好空间参考和初始显示范围
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:esri="http://www.esri.com/2008/ags">


<esri:Map id="map">
   <esri:extent>
      <esri:WebMercatorExtent xmin="-13055785" ymin="3848161" xmax="-13025898" 
       ymax="3866239" spatialReference="{new SpatialReference(102100)}"/>
   </esri:extent>
<esri:ArcGISTiledMapServiceLayer/>
</esri:Map>
	
</s:Application>


提示:ArcGISTiledMapServiceLayer.url默认就有一个地址,http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer
3 设置页面布局
<?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:esri="http://www.esri.com/2008/ags"


<s:layout>
   <s:HorizontalLayout paddingLeft="2"/>
</s:layout>


<esri:Map id="map">
   <esri:extent>
    ...


4 添加Directions 组件
提示:示例中使用的网络分析服务URL地址是引用了ArcGIS Online上面的一个服务,功能限制在San Diego这个城市的区域范围。如果想扩大处理的区域范围,可以是:(1)使用ArcGIS Online上面的World Network Analysis;(2)使用自己发布的arcgis 网络分析服务
...
<s:layout>
   <s:HorizontalLayout paddingLeft="2"/>
</s:layout>


<esri:Directions width="320" height="100%"
   map="{map}"
   url="http://sampleserver6.arcgisonline.com/arcgis/rest/services/NetworkAnalysis/SanDiego/NAServer/Route"/>


<esri:Map id="map">
   <esri:extent>
    ...


5 保存运行
6 输入起点和终点的地址位置,也可能通过地图选点。如下图所示界面:
技术分享

点击进行计算后结果显示在地图上,如下图所示

技术分享


arcgis for flex api version3.7 教程:7.使用Directions查询路线(最短路径分析)

标签:地图   arcgis   flex   esri   网络   

原文地址:http://blog.csdn.net/xiliangxiaoke/article/details/44831287

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!