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

时间：2015-03-31 12:50:30 阅读：172 评论：0 收藏：0 [点我收藏+]

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

界面如下所示：

技术分享

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

标签：actionscript flex esri arcgis 地图

原文地址：http://blog.csdn.net/xiliangxiaoke/article/details/44776067

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行