ArcGIS Flex Viewer 实现图层ToolTip和单击弹框

首先添加一个widget：

<?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.*"   xmlns:esri="http://www.esri.com/2008/ags"                   layout="absolute"   width="100%" height="100%"                   widgetConfigLoaded="basewidget_widgetConfigLoadedHandler(event)"><fx:Style>@namespace esri "http://www.esri.com/2008/ags";@namespace mx "library://ns.adobe.com/flex/mx";esri|InfoWindow{backgroundAlpha: 0.8;backgroundColor: #353930;borderThickness: 0;infoPlacement: top;shadowAlpha: 0.5;shadowDistance: 10;upperRightRadius: 0;}mx|ToolTip{backgroundColor: #E4342A;color: #FFFFFF;fontFamily: "Helvetica";fontSize: 14;}</fx:Style>    <fx:Script>        <![CDATA[import com.esri.ags.Graphic;import com.esri.ags.events.GraphicEvent;import com.esri.ags.geometry.MapPoint;import com.esri.ags.layers.FeatureLayer;private var poi:PoiDetails=new PoiDetails();protected function featurelayer1_graphicAddHandler(event2:GraphicEvent):void{event2.graphic.toolTip = "停车地址: " + event2.graphic.attributes.StopName;event2.graphic.symbol=pmsBike;event2.graphic.addEventListener(MouseEvent.CLICK,myMap_mapClickHandler);function myMap_mapClickHandler(event:MouseEvent):void{var obj:Object=event2.graphic.attributes;poi.addname=obj.StopName;poi.title=obj.ObjName;poi.stat=obj.ObjState;poi.source=obj.DataSource;map.infoWindowContent = poi;map.infoWindow.show(event2.graphic.geometry as MapPoint);}}            protected function basewidget_widgetConfigLoadedHandler(event:Event):void            {                if (configXML)                {//实现tooltip和单击事件var featLyr:FeatureLayer=new FeatureLayer();featLyr.outFields=["ObjName","StopName","ObjState","DataSource"];featLyr.url=configXML.url;featLyr.addEventListener(GraphicEvent.GRAPHIC_ADD,featurelayer1_graphicAddHandler);map.addLayer(featLyr);                }}        ]]>    </fx:Script><fx:Declarations><esri:PictureMarkerSymbol id="pmsBike" height="16" width="16" source="assets/images/green.png" /></fx:Declarations></viewer:BaseWidget>

PoiDetails.mxml是用户自定义窗口

<?xml version="1.0" encoding="utf-8"?><s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" top="-27" ><fx:Script><![CDATA[[Bindable]private var _title:String;[Bindable]private var _addname:String;[Bindable]private var _stat:String;[Bindable]private var _source:String;public function get source():String{return _source;}public function set source(value:String):void{_source = "" + value;}public function get title():String{return _title;}public function set title(value:String):void{_title = "" + value;}public function get addname():String{return _addname;}public function set addname(value:String):void{_addname = "停车地址：" + value;}public function get stat():String{return _stat;}public function set stat(value:String):void{_stat = value;}]]></fx:Script><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --></fx:Declarations><s:Group left="5" width="250" right="5"><s:Label text="{_title}" left="10" top="10" styleName="widgetLabel" fontSize="14" color="#000000"/><s:Rect left="0" right="0" height="1" top="33"><s:fill><s:SolidColor color="#000000" /></s:fill></s:Rect><s:VGroup gap="3" width="100%" height="100%" top="40" paddingLeft="10"><s:Label text="{_addname}" width="100%" styleName="widgetLabel" color="#000000"/><s:Label text="    状态：{_stat}" width="100%" styleName="widgetLabel" color="#000000" visible="{_stat!=null}" includeInLayout="{_stat!=null}"/><s:Label text="数据来源：{_source}" width="100%" styleName="widgetLabel" color="#000000" visible="{_source!=null}" includeInLayout="{_source!=null}"/></s:VGroup></s:Group></s:VGroup>

效果图：