1. 首先实例化一个FeatureLayer对象
private var featureLayer:FeatureLayer=new FeatureLayer();
2.指定FeatureLayer对象的url和输出字段
featureLayer.url = FeatureURL;
featureLayer.outFields=["OBJECTID","CREATETIME"];(这里的字段用于在地图上展示时使用)
3. 定义查询条件和查询返回的字段(进行查询时必须有查询条件,如果没有则查不到数据)
var query:Query=new Query();
query.where="1=1";
query.outFields=["OBJECTID","CREATETIME"];(这里的字段可以用于显示在表格中)
4. 进行异步查询
featureLayer.queryFeatures(query,new AsyncResponder(resulthandler,faulthandler));
5. 对返回数据进行处理
private function resulthandler(result:FeatureSet,token:Object):void{
tipLayer.clear();//每次查询之后清除图标图层内容,重新添加
resultAC.source=result.attributes;
graphicAC.source=result.features;
featureLayer.graphicProvider=graphicAC;
for each (var graphic:Graphic in result.features){
graphicLayer.add(graphic);
graphic.symbol = new SimpleLineSymbol("solid",0xFF0000,1,3);
//鼠标移动到道路线段上时显示手型,同时添加点击显示气泡的事件
graphic.useHandCursor = true;
graphic.buttonMode = true;
graphic.mouseChildren = false;
graphic.addEventListener(MouseEvent.CLICK,gisinfoWin.mouseOverGraphicTOMS);
//添加道路标注
var word:String = graphic.attributes.ROADSECTIONNAME;
var fmt:TextFormat = new TextFormat();
fmt.size = 12;
fmt.color = 0xffffff;
var symbolWord:TextSymbol = new TextSymbol(null,word,0xffffff,true,0xffffff,true,0x0131c0,TextSymbol.PLACEMENT_MIDDLE,0,0,-25,fmt);
symbolWord.backgroundColor = 0x999933;
//获取中心点
var center:MapPoint = graphic.geometry as MapPoint;
if(graphic.geometry != null && graphic.geometry.type != Geometry.MAPPOINT){
center = graphic.geometry.extent.center; //区域中心点
//交通组织的中心点设置为起点,标注文字
var line:Polyline = graphic.geometry as Polyline;
if(line != null){
try {
var arrPoints:Array = line.paths[0];
center = arrPoints[0] as MapPoint;
}catch(e){}
}
}
if(center != null) {
var tipGraphic:Graphic = new Graphic(center);
tipGraphic.attributes = graphic.attributes;
tipGraphic.useHandCursor = true;
tipGraphic.buttonMode = true;
tipGraphic.mouseChildren = false;
tipGraphic.symbol = symbolWord;
//添加鼠标事件
tipGraphic.addEventListener(MouseEvent.CLICK,gisinfoWin.mouseOverGraphicTOMS);
tipLayer.add(tipGraphic);
//施工占道需要添加小人在地图上
var tomsPic:PictureMarkerSymbol;
if(graphic.attributes.TOMSTYPEID=="02"){
tomsPic = new PictureMarkerSymbol(IconDir+"dev/fs_toms_02.png",this.defaultMarkWidth/2,this.defaultMarkHeight/2); //偏移的位置
}else{
tomsPic = new PictureMarkerSymbol(IconDir+"dev/fs_toms_01.png",this.defaultMarkWidth/2,this.defaultMarkHeight/2); //偏移的位置
}
var arrGraphic:Array = [new Graphic(center)]; //默认的绘制点
if(graphic.geometry.type == Geometry.POLYLINE) {
var line:Polyline = graphic.geometry as Polyline;
var arrPoints:Array = line.paths[0];
arrGraphic = []; //只标记前 1 个点,或者两个点
arrGraphic.push(new Graphic(arrPoints[0]));
if(arrPoints.length > 2){
arrGraphic.push(new Graphic(arrPoints[1]));
}
}
for each(var markGraphic:Graphic in arrGraphic){
markGraphic.symbol = tomsPic;
markGraphic.attributes = graphic.attributes;
//地图上点位显示手型
markGraphic.useHandCursor = true;
markGraphic.buttonMode = true;
markGraphic.mouseChildren = false;
//添加鼠标事件
markGraphic.addEventListener(MouseEvent.CLICK,gisinfoWin.mouseOverGraphicTOMS);
// if(token.fnRollOver != undefined && token.fnRollOver != null){
// markGraphic.addEventListener(MouseEvent.ROLL_OVER, token.fnRollOver);
// }
// if(token.fnMouseOver != undefined && token.fnMouseOver != null){
// markGraphic.addEventListener(MouseEvent.MOUSE_OVER,token.fnMouseOver);
// }
tipLayer.add(markGraphic);
}
}
}
}
因为FeatureLayer图层是不可以修改样式的,所以我将返回来的数据添加到GraphicsLayer图层中进行编辑。如果不修改样式的话,可以直接将FeatureLayer添加到地图中来展示。
6.将图层添加到地图实例上以进行最终展示
this.map.addLayer(graphicLayer);