地图查询定位功能（Flex API）

ArcGIS Server 10.0+Flex API 2.5. 实现查询定位，目标区域边界高亮。

1.使用QueryTask获得查询信息。

2.将查询结果以Graphic形式放在GraphicsLayer上。

3.对相应graphic设置Symbol，高亮显示，使用SimpleFillSymbol、SimpleLineSymbol，其中SimpleFillSymbol设置为空，设置outline，即实现边界高亮效果。

效果图：

具体：

1.使用QueryTask获得查询信息：

where语句中格式需注意，字符的值使用单引号，数字不需单引号。

  //省区域查询protected function button1_clickHandler():void{var queryTask:QueryTask=new QueryTask;var query:Query=new Query();queryTask.url="http://192.168.100.226:8399/arcgis/rest/services/abs_cni/ChinaRegion/MapServer/2";query.returnGeometry=true;query.outFields = ["name"];query.outSpatialReference = map.spatialReference;query.where="name like '%"+sheng.text+"%'";queryTask.execute(query,new AsyncResponder(onResult,onFault));    }

2.将查询结果以Graphic形式放在GraphicsLayer上，并定位（居中显示），即获得查询结果graphic的extent。

可能在浏览器上居中显示时，区域边界部分显示不完全，可以将区域放大，即“map.extent = graphic.geometry.extent.expand(1.5);”，代表将范围在原有基础上扩大50%。

此处犯过两个错误：

（1）.使用以下方法，实质获得graphic之和的extent。

var graphicProvider:ArrayCollection = myGraphicsLayer.graphicProvider as ArrayCollection;var graphicsExtent:Extent = GraphicUtil.getGraphicsExtent(graphicProvider.toArray());

（2）.结果函数里忘记清除之前graphic，即“myGraphicsLayer.clear();”，这样一来，由于之前查询结果的graphic的影响，多次查询后extent也是错误的。

改正后正确方法如下：

private function onResult(featureSet:FeatureSet,token:Object = null):void{for each(var graphic:Graphic in featureSet.features){myGraphicsLayer.clear();graphic.symbol=QuerySymbol;myGraphicsLayer.add(graphic);map.extent = graphic.geometry.extent.expand(1.5);}                }private function onFault(info:Object, token:Object = null ):void{Alert.show("Error!");}

3.设置高亮显示的symbol，面符号中可设置为空，加上outline，这样即可边界高亮显示。

<esri:SimpleFillSymbol id="QuerySymbol"color="0xFF0000"alpha="0.6"outline="{sls}"style="null"></esri:SimpleFillSymbol><esri:SimpleLineSymbol id="sls"color="0xFF0000"alpha="1"style="solid"></esri:SimpleLineSymbol>

另：如果使用FlexViewer，单独做成widget的话，别忘了设置widget初始化函数加载graphicslayer，以及关闭wigdet时的清除graphic（“myGraphicsLayer.clear();”）

转载于:https://www.cnblogs.com/colinhou/archive/2012/12/13/2815657.html

地图查询定位功能（Flex API）相关推荐

利用高德地图实现定位功能
最近学习使用高德地图可谓是出师不利....嘛,不知道为啥高德给的3d地图的jar包用不了,最后实在没办法用了2d的jar包,然后在大佬和其他资料的帮助下,实现了高德地图的定位功能.接下来就说一下具体的 ...
AngularJS进阶(十九)在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
AngularJS进阶十九在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
移动web端使用腾讯地图实现定位功能
最近公司有个需求,让开发一个相对精确的定位功能,我们是微信二次开发,不像APP那种可以有专门的组件或插件来实现,使用腾讯地图API(支持HTTPS协议)提前准备:1: 先去腾讯地图API官网注册一个密 ...
百度地图实现定位功能
---恢复内容开始--- 1.首先先申请一个百度地图密钥网址: http://lbsyun.baidu.com/apiconsole/key; 利用工具软件获取SHA1值或者在黑窗口获取 http: ...
html5腾讯地图自动定位,移动web端使用腾讯地图实现定位功能
var geolocation = new qq.maps.Geolocation("WYEBZ-3MMES-4D5OJ-6WOZH-WLSRZ-OEFTT", "mya ...
vue---百度地图实现定位功能
先在index.html引入<script type="text/javascript" src="https://api.map.baidu.com/api?v= ...
Android利用百度地图API实现定位功能（记录）
本篇主要介绍一下如何使用百度地图API来实现定位以及地图的基本使用. 效果图如下: 步骤如下: 一.申请APIKey. (1)注册百度账号并申请开发者资质:http://developer.baidu ...
Android 百度地图开发（二）--- 定位功能之MyLocationOverlay，PopupOverlay的使用
转载请注明出处http://blog.csdn.net/xiaanming/article/details/11380619 这一篇文章主要讲解的是百度地图的定位功能,然后还有MyLocationOv ...

地图查询定位功能（Flex API）

地图查询定位功能（Flex API）相关推荐

最新文章

热门文章