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 就可以显示到我们面前了。
完整代码如下
<?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,如需转载请自行联系原作者
arcgis api for flex 开发入门(二)map 的创建相关推荐
- arcgis api for flex 开发入门(九)webservices 的使用
arcgis api for flex 开发入门(九)webservices 的使用 flex 本身对webservices有着良好的支持,我们可以调用互联网上的各种 webservices来结合es ...
- arcgis api for flex 开发入门(七)Geometry service 的使用
arcgis api for flex 开发入门(七)Geometry service 的使用 Geometry service 顾名思义,就是提供针对几何层级的服务,比如说Project, Si ...
- arcgis api for flex 开发入门(五)查询
在gis中,针对要素的查询是一个最基本的操作,也是最常用的操作之一. 下面我们介绍如何使用arcgis api for flex 来查询我们需要的东西. 要在arcgis api for flex中进 ...
- ArcGIS API for Silverlight开发入门
ArcGIS API for Silverlight开发入门 你用上3G手机了吗?你可能会说,我就是喜欢用nokia1100,ABCDEFG跟我 都没关系.但你不能否认3G是一种趋势,最终我们每个人都 ...
- ArcGIS API for Silverlight开发入门准备
原文:ArcGIS API for Silverlight开发入门准备 微软的Silverlight提供了跨浏览器和跨平台开发环境,在Web中可用于创建和展现富互联网应用(RIA,Rich Inter ...
- ArcGis api配合vue开发入门系列(二)距离以及面积的测量
正文 首先自定义个工具栏,包括测量距离与测量面积的工具以及地图漫游. 图标的话是用的iconfont.我是把这个工具单独写在一个组件里面,这个组件里面里面会用到一些操作地图的方法,我在map这个组件里 ...
- 13 ArcGIS API for JavaScript开发入门文档
写在前面 这篇文章写在我用ArcGIS API for JavaScript(后面统称为"ArcGIS JS API")开发了两年项目后的某一天夜里.写这篇文章主要是两个目的吧,第 ...
- ArcGIS API for Silverlight开发入门(2):一个基础地图实例
这节在一个地图实例的基础上,来对Silverlight API中的一些基本概念做一个总体了解,顺便熟悉一下Silverlight的开发知识. 点击这里,直接看效果. 下载 (722.0 ...
- [转]ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能(七)
目的: 1.ArcGIS API for Flex实现Query查询定位中心功能,进行属性查图的功能,选择图层然后输入查询语句进行查询把查到的地理元素高亮显示同时在右边的Grid中显示查到的数据,然后 ...
最新文章
- 趴在门口的云计算,盯上了屋内狂奔的CDN
- AgileConfig轻量级配置中心1.3.0发布,支持多用户权限控制
- etherpeek nx在网络维护中的应用
- java连接mysql通用方法_jdbc操作数据库通用方法
- 【干货】腾讯人力资源与组织管理体系.pptx(附下载链接)
- 蓝桥杯 ADV-155 算法提高 上帝造题五分钟
- appcan双击返回退出系统
- 最容易理解的handler
- Interview Experience in Singapore(Part Ⅲ)
- [算法]在数组中找到一个局部最小的位置
- Django常见面试题总结(一)
- 个人通过ipv6地址提供公网访问服务
- 推荐几个很实用的网址
- win10重装系统后出现的0xc0000225问题解决
- 网络原理之TCP/IP协议
- opengl绘制三维人物luweiqi
- R语言实战(第二版)第七章-基本统计分析
- pip显示网络不可达错误解决
- 手动挡五个档位示意图_手动挡车档位介绍,手动挡挡位示意图
- php 情人节语句,告辞情话最暖心短句向男生 情人节表明语录
热门文章
- 图解:人性的7种兵器(互联网商业逻辑)
- 集中式管理助推服装企业腾飞
- python输出日期的模版_python按日期区间生成markdown日记模板
- 面试Nginx的几个常见问题(
- 442. Find All Duplicates in an Array
- 【智力问题】25匹马赛跑,每次只能跑5匹马,最快能赛几次找出跑得最快的3匹马?赛跑不能计时,并假设每匹马的速度是恒定不变的。...
- debian7更换gcc版本的二种方法分享
- C++ 编译器默认构造函数奇怪问题
- 安妮宝贝的50句经典语句
- 快速清除SQL Server数据库日志的方法