<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:maps="com.google.maps.*" layout="absolute" width="100%" height="100%" viewSourceURL="srcview/index.html">

  <mx:Panel title="Google Maps API for Flash Demo" width="100%" height="100%">

  <maps:Map 

    id="map" 

    mapevent_mapready="onMapReady(event)"

    mapevent_mappreinitialize="onMapPreinitialize(event)"

    key="ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g"

    width="100%" height="100%"/>

   </mx:Panel>

   <mx:Script>

       <![CDATA[

        import com.google.maps.LatLng;

        import com.google.maps.MapEvent;

        import com.google.maps.Map;

        import com.google.maps.MapOptions;

        import com.google.maps.MapType;

        import com.google.maps.controls.MapTypeControl;

        import com.google.maps.extras.planetary.Mars;

        

        private function onMapPreinitialize(event:Event):void {

            var opts:MapOptions = new MapOptions();

            opts.mapTypes = [Mars.ELEVATION_MAP_TYPE, Mars.VISIBLE_MAP_TYPE, Mars.INFRARED_MAP_TYPE]; 

            opts.mapType = Mars.VISIBLE_MAP_TYPE;

            opts.center = new LatLng(28, -90);

            opts.zoom = 6;

            this.map.setInitOptions(opts);

        }

        

        private function onMapReady(event:Event):void {

        	this.map.addControl(new MapTypeControl());

        }

       ]]>

   </mx:Script>

</mx:Application>