<esri:GraphicsLayer id="mapGraphicsLayer"> <esri:Graphic id="myGraphic" symbol="{locaterSymbol}" toolTip="Current Location" scaleX="1" scaleY="1" alpha="0"> <esri:geometry> <esri:MapPoint id="myGraphicMapPoint" x="{lon}" y="{lat}" spatialReference="{spatialRef}"/> </esri:geometry> </esri:Graphic> </esri:GraphicsLayer>
<esri:CompositeSymbol id="locaterSymbol"> <esri:SimpleMarkerSymbol id="blueDot" color="#6694D0" size="10" style="circle" > <esri:SimpleLineSymbol color="#FFFFFF" width="2"/> </esri:SimpleMarkerSymbol> <esri:SimpleMarkerSymbol id="blueRingCircle" alpha="0" size="7" style="circle"> <esri:SimpleLineSymbol id="blueRingLine" color="#FFFFFF" width="2"/> </esri:SimpleMarkerSymbol> </esri:CompositeSymbol>
blueRingCircle.size = 8; blueRingLine.alpha = 1; Tweener.addTween(blueRingCircle, {size: 60, time: 24, transition: "easeOutQuad", useFrames: true}); Tweener.addTween(blueRingLine, {alpha: 0, time: 24, transition: "easeOutQuad", useFrames: true});
Solved! Go to Solution.
blueRingCircle.size = 8; blueRingLine.alpha = 1; Tweener.addTween(blueRingCircle, { size: 60, time: 24, transition: "easeOutQuad", useFrames: true, onUpdate: function():void { (this as Symbol).dispatchEvent(new Event(Event.CHANGE)); }, onUpdateScope: locaterSymbol }); Tweener.addTween(blueRingLine, { alpha: 0, time: 24, transition: "easeOutQuad", useFrames: true, onUpdate: function():void { (this as Symbol).dispatchEvent(new Event(Event.CHANGE)); }, onUpdateScope: locaterSymbol });
blueRingCircle.size = 8; blueRingLine.alpha = 1; Tweener.addTween(blueRingCircle, { size: 60, time: 24, transition: "easeOutQuad", useFrames: true, onUpdate: function():void { (this as Symbol).dispatchEvent(new Event(Event.CHANGE)); }, onUpdateScope: locaterSymbol }); Tweener.addTween(blueRingLine, { alpha: 0, time: 24, transition: "easeOutQuad", useFrames: true, onUpdate: function():void { (this as Symbol).dispatchEvent(new Event(Event.CHANGE)); }, onUpdateScope: locaterSymbol });