Actionscript mobile Madcomponents Mapquest

Question

i am trying to add map in action script mobile app i have created xml for the layout, as the tags for the xml layout are predefined so i believe we cannot create custom tags, so i added that map using image tag but now the trouble is the mad components has disabled its scroll as well, no regrets that was suppose to be happen because i have created map under image, i tried to put the scrollVertical as well but that didn't work because that map was under image tag.

below is my code.

package
{
    import com.danielfreeman.madcomponents.*;
    import com.mapquest.*;
    import com.mapquest.services.geocode.*;
    import com.mapquest.tilemap.*;
    import com.mapquest.tilemap.controls.inputdevice.*;
    import com.mapquest.tilemap.controls.shadymeadow.*;
    import com.mapquest.tilemap.pois.*;

    import flash.display.Screen;
    import flash.display.Sprite;
    import flash.display.Stage;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.geom.Point;
    import flash.geom.Rectangle;
    import flash.media.StageWebView;
    import flash.system.Capabilities;
    import flash.text.TextField;
    import flash.utils.flash_proxy;

    import mx.events.FlexEvent;



    public class map extends Sprite
    {   

        private static var alResults:Array;
    static  var   myMap:TileMap = new TileMap("my Key");
    static  var geocoder:Geocoder;


        public static const LAYOUT:XML = <scrollVertical background="#DADED4" >

                                    <imageLoader   id="placeholder"> </imageLoader  >

                </scrollVertical>;

        protected static var _message:UILabel;

        public static function initialize():void{


            var placeholder:UIImageLoader = UIImageLoader(UI.findViewById("placeholder"));
            placeholder.scrollRect
            placeholder.addChild(myMap);
            myMap.addControl(new SMLargeZoomControl());
            myMap.addControl(new SMViewControl());
            myMap.addControl(new MouseWheelZoomControl());

            myMap.size = new Size(300, 400);
            myMap.addControl(new SMLargeZoomControl());
            myMap.addControl(new SMViewControl());
            myMap.addControl(new MouseWheelZoomControl());

            // create a new TileMap object, passing your platform key
            geocoder = new Geocoder(myMap);

            geocoder.addEventListener(GeocoderEvent.GEOCODE_RESPONSE, onGeocodeResponse);
            geocoder.addEventListener(GeocoderEvent.GEOCODE_ERROR_EVENT, onGeocodeError);
            geocoder.addEventListener(GeocoderEvent.HTTP_ERROR_EVENT, onHttpError);
            doGeocode();
        }


        public function map()
        {
            super();

        }

        private static function onGeocodeResponse(e:GeocoderEvent):void {

            alResults = new Array();
            for each (var loc:GeocoderLocation in e.geocoderResponse.locations) {
                var o:Object = new Object();

                o.LatLng = loc.displayLatLng.lat + ", " + loc.displayLatLng.lng;
                o.GeocodeQuality = loc.geocodeQuality;
                o.GeocodeQualityCode = loc.geocodeQualityCode;

                alResults.push(o);
            }

            //this.dgResults.dataProvider = this.alResults;
            //this.vgrpResults.visible = true;
        }


        private static function doGeocode():void {    
            //remove all shapes form the map
            myMap.removeShapes();

            //use the default cursor
            //this.cursorManager.setBusyCursor();

            //make an array to hold the addresses
            var arrAddresses:Array = new Array();

            //push the addresses onto the array

            arrAddresses.push("placea");
            arrAddresses.push("place b");

            //call the geocoder object's geocode method, passing the array of addresses
            geocoder.geocode(arrAddresses);
        }

        private static function onGeocodeError(e:GeocoderEvent):void {
            //this.cursorManager.removeBusyCursor();
            makeErrorList("GEOCODER ERROR");
        }


        /*
        function to handle an error in the result
        */
        private static function onHttpError(e:GeocoderEvent):void {
            //this.cursorManager.removeBusyCursor();
            makeErrorList("HTTP ERROR");
        }



        /*
        function to make an array list to hold an error
        */
        private static function makeErrorList(s:String):void {
            var o:Object = new Object();
            o.LatLng = s;
            alResults.push(o);

            //this.dgResults.dataProvider = this.alResults;
            //this.vgrpResults.visible = true;
        }




    }
} 

has any one got any idea how do i achieve my goal :S help will be really appreciated.

Answer 1

Instead of using vertical i have used scrollXY than search for scroll see the following code

package
{
    import com.danielfreeman.extendedMadness.UIScrollXY;
    import com.danielfreeman.madcomponents.*;
    import com.mapquest.*;
    import com.mapquest.services.geocode.*;
    import com.mapquest.tilemap.*;
    import com.mapquest.tilemap.controls.inputdevice.*;
    import com.mapquest.tilemap.controls.shadymeadow.*;
    import com.mapquest.tilemap.pois.*;

    import flash.display.Screen;
    import flash.display.Sprite;
    import flash.display.Stage;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.geom.Point;
    import flash.geom.Rectangle;
    import flash.media.StageWebView;
    import flash.system.Capabilities;
    import flash.text.TextField;
    import flash.utils.flash_proxy;

    import mx.events.FlexEvent;



    public class map extends Sprite
    {   

        private static var alResults:Array;
    static  var   myMap:TileMap = new TileMap("My Key");
    static  var geocoder:Geocoder;


        public static const LAYOUT:XML = 
            <scrollXY tapToScale="3.0" stageColour="#666666" scrollBarColour="#FFFFFF" width="480" height="640" border="false" id="scroller">
                                    <imageLoader   id="placeholder"> </imageLoader  >
</scrollXY>;

        protected static var _message:UILabel;

        public static function initialize():void{
            var scroller:UIScrollXY = UIScrollXY(UI.findViewById("scroller"));
            scroller.addChild(myMap);

            /*var placeholder:UIImageLoader = UIImageLoader(UI.findViewById("placeholder"));
            placeholder.scrollRect
            placeholder.addChild(myMap);
        */  myMap.addControl(new SMLargeZoomControl());
            myMap.addControl(new SMViewControl());
            myMap.addControl(new MouseWheelZoomControl());

            myMap.size = new Size(300, 400);
            myMap.addControl(new SMLargeZoomControl());
            myMap.addControl(new SMViewControl());
            myMap.addControl(new MouseWheelZoomControl());

            // create a new TileMap object, passing your platform key
            geocoder = new Geocoder(myMap);

            geocoder.addEventListener(GeocoderEvent.GEOCODE_RESPONSE, onGeocodeResponse);
            geocoder.addEventListener(GeocoderEvent.GEOCODE_ERROR_EVENT, onGeocodeError);
            geocoder.addEventListener(GeocoderEvent.HTTP_ERROR_EVENT, onHttpError);
            doGeocode();
        }


        public function map()
        {
            super();

        }

        private static function onGeocodeResponse(e:GeocoderEvent):void {

            alResults = new Array();
            for each (var loc:GeocoderLocation in e.geocoderResponse.locations) {
                var o:Object = new Object();

                o.LatLng = loc.displayLatLng.lat + ", " + loc.displayLatLng.lng;
                o.GeocodeQuality = loc.geocodeQuality;
                o.GeocodeQualityCode = loc.geocodeQualityCode;

                alResults.push(o);
            }

            //this.dgResults.dataProvider = this.alResults;
            //this.vgrpResults.visible = true;
        }


        private static function doGeocode():void {    
            //remove all shapes form the map
            myMap.removeShapes();

            //use the default cursor
            //this.cursorManager.setBusyCursor();

            //make an array to hold the addresses
            var arrAddresses:Array = new Array();

            //push the addresses onto the array

            arrAddresses.push("Loc1");
            arrAddresses.push("Loc2");

            //call the geocoder object's geocode method, passing the array of addresses
            geocoder.geocode(arrAddresses);
        }

        private static function onGeocodeError(e:GeocoderEvent):void {
            //this.cursorManager.removeBusyCursor();
            makeErrorList("GEOCODER ERROR");
        }


        /*
        function to handle an error in the result
        */
        private static function onHttpError(e:GeocoderEvent):void {
            //this.cursorManager.removeBusyCursor();
            makeErrorList("HTTP ERROR");
        }



        /*
        function to make an array list to hold an error
        */
        private static function makeErrorList(s:String):void {
            var o:Object = new Object();
            o.LatLng = s;
            alResults.push(o);

            //this.dgResults.dataProvider = this.alResults;
            //this.vgrpResults.visible = true;
        }




    }
}