ARCGIS viewer入门(8）flex viewer定制

<?xml version="1.0" encoding="utf-8"?>
 
<viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  xmlns:viewer="com.esri.viewer.*"
  widgetConfigLoaded="init()">
<fx:Script>
<![CDATA[
import com.esri.ags.FeatureSet;
import com.esri.ags.Graphic;
import com.esri.ags.events.DrawEvent;
import com.esri.ags.events.LayerEvent;
import com.esri.ags.geometry.Geometry;
import com.esri.ags.geometry.MapPoint;
import com.esri.ags.layers.FeatureLayer;
import com.esri.ags.layers.GraphicsLayer;
import com.esri.ags.layers.supportClasses.Field;
import com.esri.ags.layers.supportClasses.LayerDetails;
import com.esri.ags.symbols.PictureMarkerSymbol;
import com.esri.ags.symbols.SimpleFillSymbol;
import com.esri.ags.symbols.SimpleLineSymbol;
import com.esri.ags.symbols.SimpleMarkerSymbol;
import com.esri.ags.tasks.supportClasses.Query;
import com.esri.ags.tools.DrawTool;

import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.controls.Image;
import mx.formatters.DateFormatter;
import mx.rpc.AsyncResponder;
private var graphicPointSym:PictureMarkerSymbol;
private var status:String;



//==============================
private var resultMarkerSymbol:PictureMarkerSymbol;
private var resultLineSymbol:SimpleLineSymbol;
private var resultFillSymbol:SimpleFillSymbol;
private var configSearchGraphical:Array;
private var configSearchText:Array;
private var finishDrawing:Boolean;
private var graphicalsearchLabel:String;
private var graphicsLayer:GraphicsLayer;
private var loadingLabel:String;
private var nolayerLabel:String;
private var queryLayer:FeatureLayer;
private var queryGeom:Geometry;
private var queryExpr:String;
private var queryFields:XMLList;
private var queryTitleField:String;
private var queryLinkField:String;
private var queryLinkAlias:String;
private var resultsLabel:String;
private var selectionLabel:String;
private var selectedDrawingIcon:Image;
private var textsearchLabel:String;
private var zoomScale:Number = 50000;
private var dateFormatter:DateFormatter = new DateFormatter();
private var textDirection:String;
[Bindable]
private var clearLabel:String;
[Bindable]
private var layerLabel:String;
[Bindable]
private var lineLabel:String;
[Bindable]
private var freehandLineLabel:String;
[Bindable]
private var noResultLabel:String;
[Bindable]
private var pointLabel:String;
[Bindable]
private var polygonLabel:String;
[Bindable]
private var freehandPolygonLabel:String;
[Bindable]
private var rectangleLabel:String;
[Bindable]
private var circleLabel:String;
[Bindable]
private var searchResultAC:ArrayCollection;
[Bindable]
private var submitLabel:String;
[Bindable]
private var msgVisible:Boolean = false;
//==============================-
var drawSymbol :SimpleMarkerSymbol;
//this function called when the widget's configuration is loaded
private function init():void
{               
if (configXML)
  {
textDirection = getStyle("direction");
configSearchGraphical = [];
configSearchText = [];
var lyrList:XMLList = configXML..layer;//从widget对应的配置文件获取涂层
//Alert.show(lyrList.length().toString());
for (var i:int = 0; i < lyrList.length(); i++)
{
var lyrURL:String = lyrList[i].url;
var lyrLabel:String = lyrList[i].name;
var lyrGraphicalLabel:String = lyrList[i].graphicalsearchlabel || getDefaultString("graphicalsearchLabel");
var lyrTextLabel:String = lyrList[i].textsearchlabel || getDefaultString("textsearchLabel");
var lyrExpr:String = lyrList[i].expression;
var lyrFields:XMLList = lyrList[i].fields;
var lyrTitleField:String = lyrList[i].titlefield;
var lyrLinkField:String = lyrList[i].linkfield;
var linkAlias:String = lyrList[i].linkfield.@alias[0];
var useAMF:String = lyrList[i].useamf;
var useProxy:Boolean = lyrList[i].useproxy[0] && lyrList[i].useproxy == "true";

var layer:FeatureLayer = new FeatureLayer(lyrURL);
if (useProxy && configData.proxyUrl)
{
layer.proxyURL = configData.proxyUrl;
}
if (useAMF)
{
layer.useAMF = useAMF == "true";
}
if (lyrFields && lyrFields[0].@all[0] == "true")
{
layer.outFields = [ "*" ];
}
else if (lyrFields)
{
var fields:XMLList = lyrFields.field;
layer.outFields = [];
for each (var fieldXML:XML in fields)
{
if (fieldXML.@name[0])
{
layer.outFields.push(fieldXML.@name[0]);
}
}
}

var searchLayer:Object =
{
layer: layer,
label: lyrLabel,
textlabel: lyrTextLabel,
graphicallabel: lyrGraphicalLabel,
expr: lyrExpr,
fields: lyrFields,
titlefield: lyrTitleField,
linkfield: lyrLinkField,
linkalias: linkAlias
};
configSearchGraphical.push(searchLayer);
if (lyrExpr)
{
configSearchText.push(searchLayer);
}
}//end for
//Alert.show(configSearchGraphical.length.toString());
}
const resultMarkerSymbolURL:String = configXML.symbols.picturemarkersymbol.@url || widgetIcon;
const resultMarkerSymbolHeight:Number = (configXML.symbols.picturemarkersymbol.@height != null) ? configXML.symbols.picturemarkersymbol.@height : 30;
const resultMarkerSymbolWidth:Number = (configXML.symbols.picturemarkersymbol.@width != null) ? configXML.symbols.picturemarkersymbol.@width : 30;
const resultMarkerSymbolXOffset:Number = (configXML.symbols.picturemarkersymbol.@xoffset != null) ? configXML.symbols.picturemarkersymbol.@xoffset : 0;
const resultMarkerSymbolYOffset:Number = (configXML.symbols.picturemarkersymbol.@yoffset != null) ? configXML.symbols.picturemarkersymbol.@yoffset : 0;
resultMarkerSymbol = new PictureMarkerSymbol(resultMarkerSymbolURL, resultMarkerSymbolWidth, resultMarkerSymbolHeight, resultMarkerSymbolXOffset, resultMarkerSymbolYOffset);
const resultLineSymbolColor:uint = configXML.symbols.simplelinesymbol.@color || 0xFF0000;
const resultLineSymbolAlpha:Number = (configXML.symbols.simplelinesymbol.@alpha[0] != null) ? configXML.symbols.simplelinesymbol.@alpha : 0.8;
const resultLineSymbolWidth:Number = (configXML.symbols.simplelinesymbol.@width[0] != null) ? configXML.symbols.simplelinesymbol.@width : 2;
resultLineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, resultLineSymbolColor, resultLineSymbolAlpha, resultLineSymbolWidth);

const resultFillSymbolColor:uint = configXML.symbols.simplefillsymbol.@color || 0xFF0000;
const resultFillSymbolAlpha:Number = (configXML.symbols.simplefillsymbol.@alpha[0] != null) ? configXML.symbols.simplefillsymbol.@alpha : 0.5;
const resultFillSymbolOutlineColor:uint = configXML.symbols.simplefillsymbol.outline.@color || 0xFF0000;
const resultFillSymbolOutlineAlpha:Number = (configXML.symbols.simplefillsymbol.outline.@alpha[0] != null) ? configXML.symbols.simplefillsymbol.outline.@alpha : 0.8;
const resultFillSymbolOutlineWidth:Number = (configXML.symbols.simplefillsymbol.outline.@width[0] != null) ? configXML.symbols.simplefillsymbol.outline.@width : 2;
resultFillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, resultFillSymbolColor, resultFillSymbolAlpha, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, resultFillSymbolOutlineColor, resultFillSymbolOutlineAlpha, resultFillSymbolOutlineWidth));


graphicsLayer = new GraphicsLayer();
graphicsLayer.name = configXML.layername || widgetTitle;
graphicsLayer.symbol = resultMarkerSymbol;
//graphicsLayer.addEventListener(FlexEvent.HIDE, graphicsLayer_hideHandler);
map.addLayer(graphicsLayer);



}
private function widgetClosedHandler(event:Event):void
{
graphicsLayer.visible = false;
 
}

private function widgetOpenedHandler(event:Event):void
{                  
              activateTool();
  if (graphicsLayer)
  {
  graphicsLayer.visible = true;
  }

}
private function activateTool():void
{
//drawSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 15, 0x3FAFDC, 1);
setMapAction(DrawTool.MAPPOINT, "Click Point",graphicPointSym, drawEnd);
}

private function drawEnd(event:DrawEvent):void
{
var geom:Geometry =  event.graphic.geometry;
//var pt:MapPoint = geom as MapPoint;
queryFeaturesGraphical(geom);
//Alert.show("Click location: " + pt.x + ", " + pt.y);
//
}
private function queryFeaturesGraphical(geom:Geometry):void
{
var index:int=1;
try
{
//var i:int = cboLayerGraphical.selectedIndex;
queryLayer = configSearchGraphical[index].layer;//关键方法，得到查询的图层
//Alert.show('000');
if (queryLayer && !queryLayer.loaded)
{
queryLayer.addEventListener(LayerEvent.LOAD, queryLayer_loadHandler);
function queryLayer_loadHandler(event:LayerEvent):void
{
queryFeaturesGraphical(geom)
}
return;
}

queryGeom = geom;//查询图元
queryFields = configSearchGraphical[index].fields;//查询的字段
//Alert.show('field:'+configSearchGraphical[index].fields);
queryTitleField = configSearchGraphical[index].titlefield;
queryLinkField = configSearchGraphical[index].linkfield;
queryLinkAlias = configSearchGraphical[index].linkalias;

activateTool()
if (queryLayer)
{
var query:Query = new Query();
query.geometry = queryGeom;
query.spatialRelationship = Query.SPATIAL_REL_INTERSECTS;
query.outSpatialReference = map.spatialReference;
queryLayer.queryFeatures(query, new AsyncResponder(onResult, onFault, queryFields));
 
}
}catch (error:Error)
{
Alert.show('错误：'+error.message);
}
}

 

function onResult(featureSet:FeatureSet, token:XMLList = null):void
{
try
{
//searchResultAC = createSearchResults(featureSet, token);
//addSharedData(widgetTitle, searchResultAC);//查到的图元，增加到上节说的共享数据区域，提供其他插件或本身使用。

if (featureSet.features.length < 1)
{
Alert.show('查询无数据');
}
else
{
for each (var graphic:Graphic in featureSet.features)
{
if (graphic.geometry)
{
switch (graphic.geometry.type)
{
case Geometry.MAPPOINT:
{
graphic.symbol = resultMarkerSymbol;
break;
}
case Geometry.POLYLINE:
{
graphic.symbol = resultLineSymbol;
break;
}
case Geometry.POLYGON:
{
graphic.symbol = resultFillSymbol;
break;
}
}
}
graphicsLayer.add(graphic);

}
for(var i:int=0 ;i<featureSet.features.length;i++)
{
Alert.show('查询结果：'+featureSet.features[i].attributes.NAME   );
}

}
 
}
catch (error:Error)
{
Alert.show('查询错误：'+error.message);
}
}


function onFault(info:Object, token:Object = null):void
{
Alert.show('查询失败:'+info.toString());
}



]]>
</fx:Script>
<viewer:WidgetTemplate id="wTemplate" height="82" closed="widgetClosedHandler(event)"
  open="widgetOpenedHandler(event)">
<viewer:layout>
<s:BasicLayout/>
</viewer:layout>
<s:Label id="lbl" width="100%" fontSize="18" fontStyle="italic" fontWeight="bold"/>
</viewer:WidgetTemplate>
</viewer:BaseWidget>