使用 ArcGIS API for Flex 创建一个新的地图项目，文章参考官方给出的教程地址

https://developers.arcgis.com/flex/guide/getting-started.htm

https://developers.arcgis.com/flex/guide/tutorial-adding-a-map-with-layers.htm

新建Flex工程

1. 下载并解压缩ArcGIS API Flex ZIP文件。文件包含Flex的ArcGIS API libs库(.swc)、语言环境、皮肤包文件

2. 在 Flash Builder中, 选择 File > New > Flex Project.

3. 在 New Flex Project 对话框中, 输入一个项目名称, 例如. 'MyFirstApp'.

4. 是否选定项目默认工作空间位置
   

5. 应用程序类型选择Web类型

6. 选择SDK版本

7. 下一步

这里我们可以先不用选择应用服务类型，然后选择下一步

下列选项设置默认即可，点击Finish完成

添加Flex API库

在 Package Explorer 视图中选中项目，右键单击Properties，左边选择Flex Build Path.  然后点击 Library Path选项卡, 点击Add SWC 按钮

好了，现在可以编写自己的ArcGIS程序代码了，假设我们已经创建了被引用的API库的空白项目

在应用程序中显示地理信息的主要方式是通过一个地图。 Flex的API提供了一个用户界面（UI）地图组件。该组件允许您通过任何与层参考各种网络服务，如ArcGIS Server的地图和影像服务，开放街道地图，Bing地图，OGC WMS等工作，或者从ArcGIS Online中（Esri的云），或引用预配置的Web地图显示内容你自己的内部部署ArcGIS的门户网站。

Flex应用程序使用MXML和ActionScript语言与ActionScript类库开发。 MXML可与HTML相比，它使用标签进行布局的页面。而ActionScript可以和比较Javascript学习，因为这是代码和逻辑通常是相通的。

下面我们将在MXML中加入了地图的UI组件入手学习

添加ESRI namespace命名空间引用

在 Editor view视图中, 修改 MXML 文件

<?xml version="1.0" encoding="utf-8"?>  
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
   xmlns:s="library://ns.adobe.com/flex/spark"  
   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"  
   <strong>xmlns:esri="http://www.esri.com/2008/ags"</strong>>  
</s:Application>

新增地图和数据到UI

地图是由各个图层叠加合成的效果，如上图

<?xml version="1.0" encoding="utf-8"?>  
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
               xmlns:s="library://ns.adobe.com/flex/spark"  
               xmlns:mx="library://ns.adobe.com/flex/mx"  
               xmlns:esri="http://www.esri.com/2008/ags"  
               minWidth="955" minHeight="600">  
      
    <fx:Declarations>  
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->  
    </fx:Declarations>  
    <esri:Map level="3" wrapAround180="true">  
        <esri:center>  
            <esri:WebMercatorMapPoint lat="0" lon="0"/>  
        </esri:center>  
        <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>  
        <esri:ArcGISDynamicMapServiceLayer alpha=".70" url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer"/>  
    </esri:Map>  
</s:Application>

esri：map组件中 level设置了地图显示级别为3，180度视角，设置中心，经纬度，添加地图服务层等信息

运行效果

未经允许请勿转载：程序喵 » ArcGIS API for Flex —— 使用 Flex 创建一个新的地图项目