FlexWebGIS实战：ArcGIS Server与API构建丰富地图应用

需积分: 12 92 浏览量更新于2024-07-22 收藏 2.64MB DOC 举报

FlexWebGIS经典例子是一系列利用ArcGIS.Server 9.3和Esri的ArcGIS API for Flex技术实现地理信息系统功能的实践教程。这些例子展示了如何在Flex应用程序中集成和操作Esri的Web地图服务，提供丰富的交互式地图体验。以下是一些关键知识点的详细说明： 1. **地图浏览基础**: 开始阶段，教程首先介绍了如何在Flex项目中加载和展示来自ArcGIS.Server 9.3的Map Service，如发布的"usa"地图服务。这包括设置基本的Flex环境，安装FlexBuilder 3，以及集成API库。 2. **动态图层与瓦片叠加**: 学习者将学会如何动态添加和管理图层，包括动态图层（实时更新的图层）和瓦片图层（预先切割并缓存的图像），以及如何实现它们的叠加显示，以便于信息的层次化呈现。 3. **自定义工具栏和TOC**: 用户会构建自定义工具栏和Table of Contents (TOC)，以控制地图操作，如添加、删除图层，以及管理地图的层次结构。 4. **图形层操作**: 通过GraphicsLayer功能，开发者可以向地图上绘制点、线和面，这对于实时标注、轨迹跟踪等场景尤其有用。 5. **交互式查询与识别**: 教程涉及如何实现Identify功能，即点击地图后显示相关信息，以及使用Query方法定位地图中心点，增强了用户的交互性。 6. **MapTips提示信息**: 学习者会学习如何利用MapTips在用户鼠标悬停时显示地图上的附加信息，这有助于增强地图的可读性和用户体验。 7. **图表展示与数据分析**: 面板演示如何在MapTips中嵌入饼图，用于展示统计数据，提升地图的可视化效果。 8. **几何服务与缓冲区分析**: 介绍如何利用GeometryService进行空间分析，如创建缓冲区，为用户提供空间关系的操作和查询能力。 9. **更高级功能：Geoprocessing Services和路径分析**: 学员将接触到Geoprocessing Services，用于执行复杂的空间分析任务，例如进行最短路径分析，这在规划路线或物流优化中非常实用。 10. **整个过程的总结与示例**: 教程以一个完整的步骤概述结束，包括创建地图浏览的全过程，以及如何查看最终的运行结果。这些例子不仅帮助开发者掌握如何在Flex环境中利用ArcGIS Server的强大功能，也展示了如何通过代码实现各种地图应用的交互设计。通过这些实践，用户可以更好地理解和利用地理信息系统在Web应用程序中的潜力。

36 if(layer)

37 {

38 //为 layer 添加完成后取消鼠标忙碌显示的监听事件

39 layer.addEventListener(Event.COMPLETE, removeBusyCursor, false, 0,

true);

40 //为 layer 添加发生错误后取消鼠标忙碌显示的监听事件

41 layer.addEventListener(IOErrorEvent.IO_ERROR, removeBusyCursor, false,

0, true);

43 if(layer.loaded)

44 {

45 //如果 layer 载入完成为 DataGrid 设置数据源

46 setDataProvider();

47 }

48 else

49 {

50 //如果未载入完成为 layer 添加载入监听事件

51 layer.addEventListener(LayerEvent.LOAD, layerLoadHandler, false, 0,

true);

52 }

53 }

54 }

55 super.commitProperties();

56 }

57 //设置数据源

58 private function setDataProvider():void

59 {

60 if(layer is ArcGISDynamicMapServiceLayer)

61 {

62 layerInfos=ArcGISDynamicMapServiceLayer(layer).layerInfos;

63 }

64 else if(layer is ArcIMSMapServiceLayer)

65 {

66 layerInfos = ArcIMSMapServiceLayer(layer).layerInfos;

67 }

68 registerClassAlias("com.esri.ags.layers.LayerInfo", LayerInfo);

69 //ObjectUtil.copy 方法接受一个对象做为参数而返回一个在内存的新位置的此

对象的深度拷贝,类似克隆

70 layerInfos = ObjectUtil.copy(layerInfos) as Array;

71 dataProvider = layerInfos;

72 //labelField="name";

74 }

76 private function layerLoadHandler(event:LayerEvent):void

77 {

78 setDataProvider();

79 }

80 //显示图层方法

81 public function showLayer(layerInfo:LayerInfo):void

82 {

83 var visibleLayers:ArrayCollection;

84 if(layer is ArcGISDynamicMapServiceLayer)

85 {

86 //获取当前可见图层列表

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 </mx:Script>

146 <mx:itemRenderer>

147 uc.TreeRenderer

148 </mx:itemRenderer>

149 </mx:Tree>

150

5.对上面的代码做一下解释，首先 Toc 控件是在 Tree 控件的基础上实现的，这个 Tree

控件获取 Layers 数据作为数据源进行绑定显示，同时提供了显示图层隐藏图层等方法。最

后这个 Tree 添加了一个叫 uc.TreeRenderer 的 itemRenderer（项渲染器），也就是说 Tree 的

每一个节点都是由这个 itemRenderer 来负责显示。那也就是说还需要实现 uc.TreeRenderer

的功能。

6.在 uc 目录下新增加 TreeRenderer.mxml 的文件，这个因为是 itemRenderer 所以需要

implements=”mx.controls.listClasses.IDropInListItemRenderer”，具体代码如下：

1 <?xml version=”1.0″ encoding=”utf-8″?>

2 <mx:HBox xmlns:mx=”http://www.adobe.com/2006/mxml” horizontalAlign=”left”

implements=”mx.controls.listClasses.IDropInListItemRenderer”>

3 <mx:Script>

4 <![CDATA[

剩余63页未读，继续阅读

zhangqianqianzyw

粉丝: 0

FlexWebGIS实战：ArcGIS Server与API构建丰富地图应用

ArcGIS.Server 9.3与Flex实现WebGIS核心功能详解

ArcGIS Server 9.3与Flex构建WebGIS应用实战

Flex与REST服务驱动的WebGIS开发实践与陇西应用

Flex WebGIS开发经典例子

Flex\WebGIS经典例子

基于Flex的ArcGIS开发经典例子说明文档

flex开发系列书籍：WebGIS框架设计与实现

webgis 实例

WEBGIS开发实例

WEBGIS开发实例教程

最新资源