ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览(一)
来源:互联网 发布:linux mount uid 编辑:程序博客网 时间:2024/04/28 04:16
目的:
1.ArcGIS API for Flex实现在Flex程序中浏览自己的ArcGIS.Server.9.3中发布的地图,一个最基本的入门例子。
准备工作:
1.在ArcGIS.Server.9.3发布一个叫usa的Map Service,并且把这个Service启动起来。
2.安装Flex Builder3。
3.下载ArcGIS API for Flex library的开发包arcgis_flex_api_1.0-beta然后解压缩到文件夹中,地址:http://resources.esri.com/arcgisserver/apis/flex/index.cfm
完成后的效果图:
开始:
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.然后点击Finish按钮后就完成了工程的建立工作,工程建立后有会默认建立一个flexMapApp.mxml的文件,这个就是Flex的页面文件,查看一下代码:
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3
4</mx:Application>
5
4.是一个空的页面了接下来在这个页面中添加Map控件了,Flex下的Map控件支持ArcGISDynamicMapServiceLayer 、ArcGISImageServiceLayer、ArcGISTiledMapServiceLayer、ArcIMSMapServiceLayer 、GraphicsLayer等几种类型的layer,这些类型的layer区别其实看名字就能知道区别了,比如ArcGISDynamicMapServiceLayer就是支持ArcGIS Server发布的普通的地图服务,ArcGISTiledMapServiceLayer支持ArcGIS.Server发布的切片缓存地图。。。2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3
4</mx:Application>
5
5.在这里采用ArcGISDynamicMapServiceLayer,因为上面在ArcGIS Server中发布的USA的Map Service是普通的动态生成的地图,添加Map控件可以输入代码。
代码输入可以在<mx:Appliection>标签内输入代码,具体如下:
1<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags">
2 <esri:Map>
3 <esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"/>
4 </esri:Map>
5</mx:Application>
上面的代码中<esri:ArcGISDynamicMapServiceLayer>属性url就是上面发布的USA的Map Service的rest服务地址。2 <esri:Map>
3 <esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"/>
4 </esri:Map>
5</mx:Application>
这样就可以直接运行查看地图效果了,很简单。
6.接下来可以对Map控件的属性做一些设置,常用属性解释如下:
clickRecenterEnabled:true/false 是否开启按shift键点击地图定位中心的功能。
crosshairVisible:true/false 是否在地图的中心显示十字。
doubleClickZoomEnabled:true/false 是否开启双击地图放大的功能。
keyboardNavigationEnabled :true/false 是否开启键盘进行地图导航放大缩小的功能。
mapNavigationEnabled :true/false 是否开启地图导航的功能。
panArrowsVisible:true/false 是否在地图的四边以及4个角显示移动地图箭头按钮的功能。
panEnabled:true/false 是否开启拖拽地图移动的功能。
rubberBandZoomEnabled:true/false 是否开启按shift+拉框放大地图的功能。
scaleBarVisible:true/false 是否显示放大缩小功能按钮条。
scrollWheelZoomEnabled:true/false 是否开启鼠标滚轮放大缩小的功能。
logoVisible:true/false 是否地图上显示logo图标。
7:本例完成后的所有代码如下:
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags" backgroundColor="white">
3 <esri:Map horizontalCenter="-34" verticalCenter="1" width="400" height="250" logoVisible="false" borderStyle="solid" crosshairVisible="true" panArrowsVisible="true">
4 <esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"/>
5 </esri:Map>
6</mx:Application>
7
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags" backgroundColor="white">
3 <esri:Map horizontalCenter="-34" verticalCenter="1" width="400" height="250" logoVisible="false" borderStyle="solid" crosshairVisible="true" panArrowsVisible="true">
4 <esri:ArcGISDynamicMapServiceLayer url="http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer"/>
5 </esri:Map>
6</mx:Application>
7
- ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一) javascript
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能
- ArcGIS.Server.9.3和ArcGIS API for Flex实现自己的Toc控件(三)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能(七)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现Toolbar功能(四)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现GraphicsLayer上画点、线、面(五)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能(七)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现MapTips(八)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能(四)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能(四)
- ArcGIS.Server.9.3和ArcGIS API for Flex的GeometryService和buffer分析(十)
- ArcGIS.Server.9.3和ArcGIS API for Flex的GeoprocessingServices和服务区分析(十二)
- ArcGIS.Server.9.3和ArcGIS API for Flex实现Identify的功能图查属性(六)
- HTML select option 详解
- js修改table中Td的值(定义td的单击事件)
- [leetcode]Combinations
- 我使用过的Linux命令之swig - 把C/C++的代码嵌入Java等语言的开发工具
- tiny210 hal 1 内核中添加驱动程
- ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览(一)
- css样式设置图片半透明度,兼容各种浏览器
- SQLite数据库指令参数出现中文引起执行异常问题处理
- ios 在一定选项范围随机选取选项demo
- 多媒体文件截取图片
- tiny210 hal 2 Android系统中增加C可执行程序来访问硬件驱动程序
- 理财专题(2)——孩子财商
- checkbox 修改其中一个checked 的样式
- Spring --- java定时器,Spring定时器和Quartz定时器 .