infoWindowRenderer之个人见解
在地图上以类似于提示框的方式显示查询信息,类似于arcmap中单击图层查看属性 由于Class Graphic有infoWindowRenderer : IFactory这个属性 (注:infoWindowRenderer property
infoWindowRenderer:IFactory [read-write] The infoWindowRenderer is a UIComponent factory that is added to a graphic. Wen infoWindowRenderer is defined on a graphic, a mouse "click" listener is automatically added to the graphic. When graphic is clicked, a UIComponent instance is created, using the factory and if that factory implements the IDataRenderer interface then its data property is set to the graphic attributes. In addition, if the UIComponent has a dataProvider property, then that property is set to the graphic attributes as well. Finally, the map info window content is set to the newly created UIComponent and is shown at an anchor location. If the geometry of the graphic is a map point, then the anchor location will be that map point, otherwise the anchor point will be where the user clicked map point location.
This property can be used as the source for data binding. 详见:http://resources.esri.com/help/9.3/arcgisserver/apis/flex/apiref/com/esri/ags/Graphic.html#infoWindowRenderer)
graphic会自动的监听click事件,当用户单击到图层上的某个元素时,infoWindowRenderer会自动创建一个实例,因此我们只需 private var myInfoWindowRenderer:ClassFactory = new ClassFactory(MyInfoWindowRenderer);
(注:ClassFactory 类实现 IFactory 接口。因此,通过该类,您可以创建可分配到 IFactory 类型属性的对象)
新建Component组建,有两种方式:
1)在mxml内部创建,如下
<mx:Component className="MyInfoWindowRenderer">
<mx:VBox label="{data.STATE_NAME}" backgroundColor="0xEEEEEE">
<mx:Label text="State Fips: {data.STATE_FIPS}"/>
<mx:Label text="Abbreviation: {data.STATE_ABBR}"/>
<mx:Label text="Area: {data.AREA}"/>
</mx:VBox>
</mx:Component>
2)File->New->MXML Component文件,然后在<mx:Script>中导入你新建的as文件(MXML最后会编译成as文件,所以以包的形式导入即可)
例如:import component.MyInfoWindowRenderer;//component是我在当前文件目录下创建的文件夹
第二种方式可降低耦合度(耦合度的强弱可根据系统本身来自行决定,如模块设计科采用高内聚低耦合)
最后便可以进行查询之后的操作啦,例如在click事件里添加一些处理函数等等, 例如(这是自带的一些例子example)
private function onMapClick(event:MapMouseEvent):void
{
query.geometry = event.mapPoint;
queryTask.execute(query);
}
private function onQueryExecuteComplete(event:QueryEvent):void
{
graphicsLayer.clear();
var fset:FeatureSet = event.featureSet;
for each (var graphic:Graphic in fset.features) //因为每次都选定一个要素,
{ //循环遍历只进行一次,因此可以采用下面的方式
graphic.symbol = symbol;
graphic.infoWindowRenderer = myInfoWindowRenderer;
graphicsLayer.add(graphic); //当然你也可以加载地图的时候便把所有图形要素预加载到
} //graphicsLayer之中,这样提高里查询的效率,但可能会影响加载速度
// fset.features[0].symbol = symbol;
// fset.features[0].infoWindowRenderer = myInfoWindowRenderer;
// graphicsLayer.add(fset.features[0]);
}
infoWindowRenderer之个人见解的更多相关文章
- [OC笔记] Category分类之见解
用过别的语言做过开发的同学都知道,如果你想扩充一个类,就应该去继承这个类.但是OC里面有更好的方法,那就是分类. 那什么是分类呢?就是在不改变原先类,我们可以在其中添加咱们自定义的方法,这样和同事合作 ...
- "!x++" 我之见解
"!x++"之说,各人见解不同,但真理只有一个.我只尝试着说出一种见解,未知真相. 何如? "!x++"等价于"!(x++)". 理论分析 ...
- 谈谈自己对于Auth2.0的见解
Auth的原理网上有很多,我这里就不在赘述了. 这里有张时序图我个人觉得是比较合理而且直观的,(感谢这篇博文:http://justcoding.iteye.com/blog/1950270) 参照这 ...
- Qt见解:Post 与 Get 的区别(Get将参数直接与网址整合为一个整体,而Post则将其拆为两个部分)
第一次接触Qt的Http项目,今天看了一下Post和Get的基本使用方法,就开始尝试了.原先以为Post专门用于向服务器发送请求,然后接收服务器应答的: 而Get只是单纯从服务器获取资源,比如下载这个 ...
- IT见解
IT见解 北京海淀区 2014-10-18 张俊浩 *域名的市值在走低,因其功能被新浪.腾讯微博.微信大V这种账号所代替 *小米将自己定位为互联网公司,而不是手机公司 *手机不远的未来会成为公共 ...
- in_array 判断的一些见解
我个人见解in_array的判断是== 并不是=== 证明如下: $arr=(array_merge(range(1, 9),range('a', 'z'),range('A', 'Z')));$m ...
- 阿里巴巴Java开发手册———个人追加的见解和补充(一)
先上干货,<阿里巴巴Java开发手册>的下载地址 https://yq.aliyun.com/articles/69327?spm=5176.100239.blogcont69327.15 ...
- React,关于redux的一点小见解
最近项目做多页面应用使用到了,react + webpack + redux + antd去构建多页面的应用,本地开发用express去模拟服务端程序(个人觉得可以换成dva).所以在这里吐槽一下我自 ...
- Qlik报表开发见解
因为项目需要,最近去做了Qlik Sense报表开发,学习了Qlik报表的开发方法和一些基础的开发模式,以下是我对Qlik报表开发的一些见解,个人水平有限,欢迎大神指导. 1.Qlik Sense的函 ...
随机推荐
- GL_GL系列 - 总账系统基础(概念)
2014-07-07 Created By BaoXinjian
- Android系统onKeyDown监控/拦截/监听/屏蔽返回键、菜单键和Home键
在Android系统中用来显示界面的组件(Component)为Activity,也就是说只有重写Activity的onKeyDown方法来监控/拦截/屏蔽系统的返回键(back).菜单键(Menu) ...
- 程序进入 EXPORT App_Fault_ISR的原因及措施:
最近再UCOSIII+LPC1768上移植modbus,在定时器初始化部分竟然跑飞进入 EXPORT App_Fault_ISR,查资料.逛论坛.问大牛都没有解决,最后发现竟然是犹豫一个低级失误引起 ...
- 如何让div水平居中
代码实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
- 改变select组件的option选中状态的快捷方法
以前我都是在<option>标签处通过判断value是否与其中一个相同然后输出selected="selected"来处理的,今天发现可以直接能过Js改变<sel ...
- linux 可用内存查看
用free命令查看. 下面是一个例子(单位是MB): [root@linuxzgf ~]# free -m total used free shared buffers cachedMem: 7982 ...
- 使用commons-codec包加密字符串(MD5,SHA1,BASE64)
1. [代码]MD5 String str = "abc"; DigestUtils.md5Hex(str); //附.net生成MD5的方法,生成内容跟java一致: Strin ...
- springmvc笔记(来自慕课网)
1.准备工作:springmvc相关的jar包. 2.这里我们先用eclipse来操作. 首先看一个接口编程,后面的所有知识点都是通过这个接口编程引出的. OneInterface.java pack ...
- linux双机GFS的配置
1.两台服务器安装如下包: apr-1.2.7-11.el5_3.1.x86_64.rpmapr-util-1.2.7-11.el5.x86_64.rpmcman-2.0.115-34.el5.x86 ...
- poj 2406 Power Strings kmp算法
点击打开链接 Power Strings Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 27368 Accepted: ...