<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="400"
                //提取API里我们所需要的接口  xmlns:maps="com.earthplayer.maps.*"
   creationComplete="init()"  backgroundGradientColors="[#ffffff, #ffffff]">
    <mx:Script>
      <![CDATA[                        
              //这是北京的一个经纬坐标
            public var centerPoint:Point = new Point(116.37819,39.92374);
               //放大和缩小的参数.
             public var zoom:int = 6;        
              
              public function init():void{
              //设置地图目前红心对的地方
             maps.setCenter(centerPoint,zoom);          
      }      
      ]]>
    </mx:Script>
   //这里你可以实行三种地图切换,如<maps:Map51ditu ,或者<maps:MapGoogle ,下面是LIVE地图
    <maps:MapLive id="maps" width="100%" height="100%"/>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="400"
  xmlns:maps="com.earthplayer.maps.*"
   creationComplete="init()"  backgroundGradientColors="[#ffffff, #ffffff]">
    <mx:Script>
      <![CDATA[
          //导入需要的事件和语法
          import com.earthplayer.maps.MapUpdateCenterEvent;
          import com.earthplayer.maps.MapController;
          //坐标的两个全局变量        
          private var lngNum:String;
            private var latNum:String;        
        
        public function init():void{
          //先默认定位为北京
          maps.setCenter(new Point(116.37819,39.92374),5);
          //把两个数字参数返回到变量，因为变量是字符型，所以需要toString()，把数字转换为字符。
          lngNum =  116.37819.toString();
          latNum = 39.92374.toString();
          //地图需要监听移动        
          maps.addEventListener(MapUpdateCenterEvent.UPDATECENTER,updateStatus);          
        }
        //当地图移动时，重新得到一个POINT值。
        private function updateStatus(event:*):void{
          //为什么这么写？因为这是API内置运算函数，就照着写了          
          var mc:MapController = maps.controller;        
                 lngNum = Math.round(mc.centerLngLat.x*100000)/100000 "";                
                 latNum = Math.round(mc.centerLngLat.y*100000)/100000 "";        
                 zoom.value = mc.zoom;            
      }
         private function Big():void{
           //放大的最高上限为17，如果小于17就可以放大，如果大于17了，就不动
            if(zoom.value < 17){
               zoom.value  = 1;
               }
               //在放大后，重新得到一个ZOOM值，然后在把这个值放到showMap()里，然后再显示地图
                showMap();        
         }
         private function Small():void{
           //缩小的最小下限
           if(zoom.value > 5){
               zoom.value -= 1;
               }
               showMap();
         }
         //专门显示地图的构造函数
         private function showMap():void{
             var p:Point = new Point(new Number(lngNum), new Number(latNum ));
             var z:int = zoom.value;                          
             maps.setCenter(p,z);
           }
      ]]>
    </mx:Script>
    <maps:MapLive id="maps" width="100%" height="100%" />
    <mx:Button id="zoomBig" label=" " click="Big()"/>
     <!--Hsilder的一般用法，具体用法请参考帮助，但是如果拖动HSILER后，就会得到一个ZOOM值，然后再到showMap() -->
    <mx:HSlider x="78" y="281" snapInterval="1"
         liveDragging="true" change="showMap()" tickInterval="1" id="zoom"  minimum="5" maximum="17" value="5"/>
    <mx:Button id="zoomSmall" label="-" click="Small()"/>
</mx:Application>