arcgis for flex api version3.7 教程：5.使用Editor对地图进行编辑

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）。然后可以对其属性信息进行编辑

界面如下所示：