arcgis api for flex 开发入门(二)map 的创建

简介:

arcgis api for flex 开发入门(二)map 的创建
在flex 中创建一个esri 的map ,你只需要使用<esri:Map>标签就可以轻松完成。
在<esri:Map>标签中可以添加属性和响应事件的消息。
如下:
<esri:Map width="100%" height="50%" id="EsriMap" creati  resize="EsriMapResize(event);" extentChange="ESRIMapExtentChange(event);" mouseMove="OnDrawMouseMove(event)" />
width和 height定义的map 的大小,id="EsriMap" 唯一标识了这个map。
针对map 的消息也有很多,最常用的就是creationComplete,resize和鼠标消息了。
现在我们map有了,那么我们如何让她显示数据呢,这就需要给 <esri:Map>标签添加一个layer 子标签   。
在ags flex api 中有以下几种类型的layer。   
  ArcGISDynamicMapServiceLayer :Allows you to work with a dynamic map service resource exposed by the ArcGIS Server REST API.
  ArcGISImageServiceLayer: Allows you to work with an image service resource exposed by the ArcGIS Server REST API.
  ArcGISMapServiceLayer :The base class for ArcGIS Server map services.
  ArcGISTiledMapServiceLayer :Allows you to work with a cached map service resource exposed by the ArcGIS Server REST API.
  ArcIMSMapServiceLayer :Allows you to work with an ArcIMS image service.
  GPResultImageLayer :Allows you to view a geoprocessing task result identified by jobId and parameterName.
  GraphicsLayer: A layer that contains one or more Graphic features.
其中GraphicsLayer是支持客户端添加Graphic features的图层,需要在客户端表现的,或者交互操作中产生的要素都要加到这个layer 上。
下面,我们就添加一个ArcGISTiledMapServiceLayer和GraphicsLayer到map 上。

<esri:Map width="100%" height="50%" id="EsriMap" creati  resize="EsriMapResize(event);" extentChange="ESRIMapExtentChange(event);" mouseMove="OnDrawMouseMove(event)" >
<esri:ArcGISTiledMapServiceLayer           url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer" />
<esri:GraphicsLayer id="myGraphicsLayer" spatialReference="{sr}"/>
</esri:Map>
其中<esri:ArcGISTiledMapServiceLayer>标签中的url 属性为提供该服务的地址。<esri:GraphicsLayer>标签其中的spatialReference属性定义了该图层的空间参考系。
创建一个空间参考系,只需要使用<esri:SpatialReference>标签就可以了,其中wkid 是esri已经定义好的空间草考系的ID,具体ID对应的空间参考可以在http://resources.esri.com/help/9.3/arcgisserver/apis/REST/index.html?gcs.html中查找。如下为创建一个kid="4326"的空间参考系。
<esri:SpatialReference id="sr" wkid="4326"/>
那么,我们如何定义我们想显示的范围呢?
很简单,在<esri:Map>下面添加<esri:extent>子标签,我们就可以来控制当前的显示范围了。
    <esri:extent>
  <esri:Extent  id = "esriMapExtent" xmin="116" ymin="39.5" xmax="116.5" ymax="40.5"/>
</esri:extent>
其中x是经度,y 是纬度。
这样一个北京地区的map 就可以显示到我们面前了。
完整代码如下

ContractedBlock.gif ExpandedBlockStart.gif Code
<?xml version="1.0" encoding="utf-8"?>

<mx:Application

    xmlns:mx
="http://www.adobe.com/2006/mxml"

    xmlns:esri
="http://www.esri.com/2008/ags"

    pageTitle
="Using ArcGIS API for Flex to connect to a cached ArcGIS Online service"

    styleName
="plain">

    
<esri:SpatialReference id="sr" wkid="4326"/>

    
<esri:Map crosshairVisible="true">

        
<esri:extent>

  
<esri:Extent  id = "esriMapExtent" xmin="116" ymin="39.5" xmax="116.5" ymax="40.5"/>

  
</esri:extent>

        
<esri:ArcGISTiledMapServiceLayer

            url
="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer" />

     
<esri:GraphicsLayer id="myGraphicsLayer" spatialReference="{sr}"/>

    
</esri:Map>

</mx:Application>

 

原文地址:http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=35537&extra=page%3D4%26amp%3Borderby%3Ddateline



本文转自温景良(Jason)博客园博客,原文链接:http://www.cnblogs.com/wenjl520/archive/2009/06/02/1494536.html,如需转载请自行联系原作者

相关文章
|
1月前
|
缓存 安全 测试技术
构建高效的RESTful API:后端开发的实践指南
【2月更文挑战第17天】在数字化转型的浪潮中,RESTful API已成为连接不同软件组件、实现数据交互的核心桥梁。本文将深入探讨如何构建一个高效、可扩展且安全的RESTful API,涉及设计原则、开发流程以及性能优化等关键方面。我们将透过实际案例,展示如何在保证简洁性和灵活性的同时,满足日益增长的业务需求和技术挑战。
|
1月前
|
API
uni-app 146朋友圈列表api开发
uni-app 146朋友圈列表api开发
18 0
|
1月前
|
API 开发工具 开发者
抖音商品详情API入门:为开发者和商家打造增长工具箱
抖音商品详情API入门:为开发者和商家打造增长工具箱
52 0
|
3天前
|
人工智能 机器人 API
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
7 0
|
3天前
|
缓存 人工智能 API
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
7 0
|
14天前
|
小程序 前端开发 API
小程序全栈开发中的RESTful API设计
【4月更文挑战第12天】本文探讨了小程序全栈开发中的RESTful API设计,旨在帮助开发者理解和掌握相关技术。RESTful API基于REST架构风格,利用HTTP协议进行数据交互,遵循URI、客户端-服务器架构、无状态通信、标准HTTP方法和资源表述等原则。在小程序开发中,通过资源建模、设计API接口、定义资源表述及实现接口,实现前后端高效分离,提升开发效率和代码质量。小程序前端利用微信API与后端交互,确保数据流通。掌握这些实践将优化小程序全栈开发。
|
23天前
|
前端开发 Java API
构建RESTful API:Java中的RESTful服务开发
【4月更文挑战第3天】本文介绍了在Java环境中构建RESTful API的重要性及方法。遵循REST原则,利用HTTP方法处理资源,实现CRUD操作。在Java中,常用框架如Spring MVC简化了RESTful服务开发,包括定义资源、设计表示层、实现CRUD、考虑安全性、文档和测试。通过Spring MVC示例展示了创建RESTful服务的步骤,强调了其在现代Web服务开发中的关键角色,有助于提升互操作性和用户体验。
构建RESTful API:Java中的RESTful服务开发
|
28天前
|
机器学习/深度学习 前端开发 API
实现以图搜货功能,淘宝API开发实战分享
实现以图搜货功能,淘宝API开发实战分享
24 0
|
1月前
|
缓存 前端开发 API
构建高效可扩展的RESTful API:后端开发的最佳实践
【2月更文挑战第30天】 在现代Web应用和服务端架构中,RESTful API已成为连接前端与后端、实现服务间通信的重要接口。本文将探讨构建一个高效且可扩展的RESTful API的关键步骤和最佳实践,包括设计原则、性能优化、安全性考虑以及错误处理机制。通过这些实践,开发者可以确保API的健壮性、易用性和未来的可维护性。