WebGIS经典例子（好东西啊）
2011-12-31 50页 doc 2MB 64阅读
is_014961
暂无简介
举报
WebGIS经典例子（好东西啊）1
（一）ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览
5
（二）ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示
8
（三）ArcGIS.Server.9.3和ArcGIS API for Flex实现自己的Toc控件
16
（四）ArcGIS.Server.9.3和ArcGIS API for Flex实现Toolbar功能
20
（五）ArcGIS.Server.9.3和ArcGIS API for ...
1
（一）ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览
5
（二）ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示
8
（三）ArcGIS.Server.9.3和ArcGIS API for Flex实现自己的Toc控件
16
（四）ArcGIS.Server.9.3和ArcGIS API for Flex实现Toolbar功能
20
（五）ArcGIS.Server.9.3和ArcGIS API for Flex实现GraphicsLayer上画点、线、面
25
(六)ArcGIS.Server.9.3和ArcGIS API for Flex实现Identify的功能图查属性
30
（七）ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能
37
（八）ArcGIS.Server.9.3和ArcGIS API for Flex实现MapTips
42
（九）ArcGIS.Server.9.3和ArcGIS API for Flex在MapTips显示饼图数据统计
49
（十）ArcGIS.Server.9.3和ArcGIS API for Flex的GeometryService和buffer
65
（十三）ArcGIS.Server.9.3和ArcGIS API for Flex的GeoprocessingServices和最短路径分析
（一）ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览
目的：
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
2
3
4
5
4.是一个空的页面了接下来在这个页面中添加Map控件了，Flex下的Map控件支持ArcGISDynamicMapServiceLayer 、ArcGISImageServiceLayer、ArcGISTiledMapServiceLayer、ArcIMSMapServiceLayer 、GraphicsLayer等几种类型的layer，这些类型的layer区别其实看名字就能知道区别了，比如ArcGISDynamicMapServiceLayer就是支持ArcGIS Server发布的普通的地图服务，ArcGISTiledMapServiceLayer支持ArcGIS.Server发布的切片缓存地图。。。
5.在这里采用ArcGISDynamicMapServiceLayer，因为上面在ArcGIS Server中发布的USA的Map Service是普通的动态生成的地图，添加Map控件可以输入代码。
代码输入可以在标签内输入代码，具体如下：
1
2
3
4
5
上面的代码中属性url就是上面发布的USA的Map Service的rest服务地址。
这样就可以直接运行查看地图效果了，很简单。
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
2
3
4
5
6
（二）ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示
2009年09月11日 6:59 上午 | 分类：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，具体代码如下：
INCLUDEPICTURE "http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"Code
1
2
3
4
5
7
8
9
4.上面的代码非常简单，首先是在页面上添加了一个Canvas控件用来作为地图的框，然后是在Canvas控件内添加了一个Map控件同时设置好了ArcGISTiledMapServiceLayer这样运行起来就可以浏览世界地图了。
5.接下来要在底图上显示上面在ArcGIS.Server.9.3发布一个叫USA的动态数据，添加ArcGISDynamicMapServiceLayer并且设置，具体的代码如下：
1
2
3
4
5
7
8
9
10
11
12
6.上面的代码中添加了
，这个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
8.然后给esri:Map添加一个extent=”{allUsa}”属性，这样就设置了Map控件的默认视图范围为ID为allUsa的ectent,这样就完成了这个练习。
9.其他的还可以设置MapServiceLayer中选择自己需要显示部分的图层，比如USA的地图数据中有4个图层分别为Cities、Highways、States、Counties，现在只想显示States和Counties图层，可以加入如下代码：
INCLUDEPICTURE "http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"Code
1
2
3
4 2
5 3
6
7
8
（三）ArcGIS.Server.9.3和ArcGIS API for Flex实现自己的Toc控件
目的：
1.ArcGIS API for Flex没有提供现成的Toc控件，这里来实现自己的Toc控件。
准备工作：
1.在ArcGIS.Server.9.3发布一个叫USA的Map Service，并且把这个Service启动起来。
完成后的效果图：
开始：
1.启动Flex Builder3新建工程以及引入ArcGIS API for Flex library的开发包，这个过程前面2篇都讲过了这里就不啰嗦了。
2.新建LayersOnAndOff.mxml页面，然后在页面上添加Map控件以及设置ArcGISDynamicMapServiceLayer，添加一个ComboBox控件用来地图切换显示。具体代码如下：
1
2
3
4
7
8
9
10
11
12
3.对上面的代码做一下解释，首先添加了一个id为arr的对象数组作为ComboBox的数据源，arr的对象数组包含2个对象：一个是上面发布的USA得rest地址，一个是Esri提供的在线的rest地址。然后在Map控件的ArcGISDynamicMapServiceLayer的url属性绑定ComboBox的选择值，这样当ComboBox选择发生变化时地图也会根据rest地址进行切换显示。
4.接下来做Toc控件了，首先在src目录下新添加一个叫uc的目录，然后在uc下新建TreeToc.mxml文件这个就是用来实现Toc功能的。Toc控件这里是用Flex提供的Tree控件的基础上实现的，具体代码如下：
1
2
3
4 表
87 visibleLayers=ArcGISDynamicMapServiceLayer(layer).visibleLayers;
88 //在当前可见图层列表中加入要显示的图层
89 visibleLayers.addItem(layerInfo.id);
90 }
91 else if(layer is ArcIMSMapServiceLayer)
92 {
93 //获取当前可见图层列表
94 visibleLayers=ArcIMSMapServiceLayer(layer).visibleLayers;
95 //在当前可见图层列表中加入要显示的图层
96 visibleLayers.addItem(layerInfo.id);
97 }
98 //设置鼠标显示状态
99 if (visibleLayers)
100 {
101 cursorManager.setBusyCursor();
102 }
103 }
104 //隐藏图层方法
105 public function hideLayer(layerInfo:LayerInfo):void
106 {
107 var visibleLayers:ArrayCollection;
108 if(layer is ArcGISDynamicMapServiceLayer)
109 {
110 //获取当前可见图层列表
111 visibleLayers=ArcGISDynamicMapServiceLayer(layer).visibleLayers;
112 //查找要隐藏的图层的index
113 var index:int=visibleLayers.getItemIndex(layerInfo.id);
114 //在当前可见图层列表中去除要隐藏的图层
115 if (index != -1)
116 {
117 visibleLayers.removeItemAt(index);
118 }
119 }
120 else if(layer is ArcIMSMapServiceLayer)
121 {
122 //获取当前可见图层列表
123 visibleLayers=ArcIMSMapServiceLayer(layer).visibleLayers;
124 //查找要隐藏的图层的index
125 var index2:int=visibleLayers.getItemIndex(layerInfo.id);
126 //在当前可见图层列表中去除要隐藏的图层
127 if (index2 != -1)
128 {
129 visibleLayers.removeItemAt(index2);
130 }
131 }
132 //设置鼠标显示状态
133 if (visibleLayers)
134 {
135 cursorManager.setBusyCursor();
136 }
137 }
138
139 private function removeBusyCursor(event:Event):void
140 {
141 //删除忙光标
142 cursorManager.removeBusyCursor();
143 }
144 ]]>
145
146
/
本文档为【WebGIS经典例子（好东西啊）】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
相关资料
- 【高中地理试卷】福建省福州市福清市八校2021-2022学年高二上学期期末联考地理试题（解析版）
- 桥梁应急预案
- 财产险费率
- E3X-NA11光纤传感器调整说明1
- 陪护人员误工证明
- 叉车理论模拟考题带答案
- 2019-2020学年高中英语Unit 22 单元同步练习3 北师大版 选修8
- 暑期三下乡社会实践团队分工及日程安排
- 国内外双离合器的现状及发展趋势
- 赵恺作品 二泉映月（外—首）
- 陈利军同志事迹材料 - 淮安市政府
- 建筑力学第一次答案
- 赤壁市基本农田划定方案(最终)
- 科密特船长与紫色星球
- 汽车电子控制技术实训学生实习报告
- culturaldifference(集体个人主义)
- 奥迪a4说明书
- 成立安全生产管理机构文件
- 企业双重预防机制实施方案双重预防机制工作实施方案
- 公司总经理年会致辞模板
热门搜索
- [整理]收到邮件时出现winmail.dat 附件
- 军兵种知识
- 组装车间管理制度
- 紫外线灯管强度监测表
- 《输油(气)管道同沟敷设光缆(硅芯管)设计、施工及验收规范》
- 极化曲线分析
- 《阿房宫赋》练习题及_答案
- 全国计算机等级考试二级Python真题及解析(7)
- 中国玻璃杯行业现状调研与发展风险分析报告(2014-2019)
- 《神经内科护理查房》PPT课件
- GB-T 196-2003普通螺纹 基本尺寸
- 反问句改为肯定句
- 阪崎肠杆菌显色培养基说明
- 《搭石》说课稿分钟
- [整理]收到邮件时出现winmail.dat 附件
- 军兵种知识
- 组装车间管理制度
- 紫外线灯管强度监测表
- 《输油(气)管道同沟敷设光缆(硅芯管)设计、施工及验收规范》
- 极化曲线分析
- 《阿房宫赋》练习题及_答案
- 全国计算机等级考试二级Python真题及解析(7)
- 中国玻璃杯行业现状调研与发展风险分析报告(2014-2019)
- 《神经内科护理查房》PPT课件
- GB-T 196-2003普通螺纹 基本尺寸
- 反问句改为肯定句
- 阪崎肠杆菌显色培养基说明
- 《搭石》说课稿分钟
你可能还喜欢
浙公网安备 33021202002483