ArcGIS的网络编辑操作(可以认为是网页端的相关地理处理操作)需要feature service来提供符号信息和几何数据信息。feature service允许你创建自定义的REST方法节点,用来存储和查询地理数据,如点、线和面。存储自定义的渲染规则和元数据信息,例如地名,评级,地址等。对存储的数据进行分析和计算。
ArcGIS API for Flex提供的Featurelayer允许你获取并编辑矢量地图数据。Feature services是基于feature layer来进行操作的。feature layers能够做很多事情,能够关联引用map service或者是feature service中的一个图层用来显示或操作。所以,当你需要对地图feature layer进行编辑操作时,那这个feature Layer就需要引用feature service中的一个图层。
web端的地图编辑操作需要提前发布好的feature service,它包含了一个图层的地理图形信息和属性表信息。所以,geometry services能够用来完成一系列的web编辑任务。为了能够使用开发API中一些主要的编辑控件,就必须要有一个正在运行的geometry service.
当执行编辑操作时,你的web应用会告诉feature layer哪些属性信息发生变化了,如果有可能,也可以说明地理信息是如何变化的。编辑完成后,feature layer也会更新展示编辑后的结果。feature services可以是在ArcGIS Online上的服务,也可以是自已建的服务。
从feature service获取数据:
从feature service获取数据的意思,或是说是具体操作是,初始化一个feature layer并显示到地图上。初始化feature service时,你所要做的就是设置你要用的URL,feature service的URL,也可以是带有用户权限凭证的服务。本节中使用的是公共权限的服务,不需要你提供任何用户凭证(credentials)。图层添加 到地图上后,就可以引用一个geometry service。
1 创建一个新的FB工程,引入ArcGIS相关的库和命名空间
2 添加地图控件,初始设置一些属性信息:空间参考,地图显示范围,底图等,最后添加一个feature layer并设置其URL和其他信息。
代码如下:
<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="myMap" wrapAround180="true"> <esri:extent> <esri:Extent id="socal" xmin="-13471000" ymin="3834000" xmax="-12878000" ymax="4124000"> <esri:SpatialReference wkid="102100"/> </esri:Extent> </esri:extent> <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/> <esri:FeatureLayer id="incidentsAreas" mode="snapshot" outFields="[data_security,description]" url="http://sampleserver6.arcgisonline.com/ArcGIS/rest/services/HomelandSecurity/operations/FeatureServer/2"/> </esri:Map> ...
3 添加geometry service
代码如下:
xmlns:s="library://ns.adobe.com/flex/spark" xmlns:esri="http://www.esri.com/2008/ags" <fx:Declarations> <esri:GeometryService id="myGeometryService" url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"/> </fx:Declarations> <esri:Map id="myMap" wrapAround180="true"> <esri:extent> </s:Application>
4 添加Editor控件用来操作地图,该控件包含大量的编辑功能,不需要单独开发,你所要做的只是绑定相关的geometry service,就这么简单。
代码如下:
<esri:FeatureLayer id="incidentsAreas" mode="snapshot" outFields="[data_security,description]" url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/HomelandSecurity/operations/FeatureServer/2"/> </esri:Map> <esri:Editor id="myEditor" width="100%" height="200" geometryService="{myGeometryService}" map="{myMap}"/> ...
5 按下来,在应用初始化函数代码中设置绑定Editor的featurelayers
... xmlns:esri="http://www.esri.com/2008/ags" initialize="application1_initializeHandler(event)"> <fx:Script> <![CDATA[ import mx.events.FlexEvent; protected function application1_initializeHandler(event:FlexEvent):void { myEditor.featureLayers = [ incidentsAreas ]; } ]]> </fx:Script>
6 最后,保存运行。会发现排版布局不合理,下面让我们来调整一下页面布局。
7 在代码中增加一个layout标签来控制优化布局。
... initialize="application1_initializeHandler(event)" <s:layout> <s:VerticalLayout/> </s:layout>
8 通过style标签设置infowindow的风格。
... <s:layout> <s:VerticalLayout/> </s:layout> <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; @namespace esri "http://www.esri.com/2008/ags"; esri|InfoWindow { background-color: #FFFFFF; border-thickness: 2; } </fx:Style> <fx:Script> <![CDATA[ import mx.events.FlexEvent; ...
9 保存运行应用
10 点击地图上的一个位置,会高亮显示该区域。点击完成后,会弹出信息窗口(infowindow)。然后可以对其属性信息进行编辑
界面如下所示: