Flex中嵌入Googlemap

Flex中嵌入Google地图
Java代码
?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  width="100%" height="100%" initialize="init()"> 
         
    <mx:Script> 
        <![CDATA[ 
                 
        ]]> 
    </mx:Script> 
         
    <mx:UIComponent id="mapContainer" width="100%" height="100%"/> 
     
</mx:Application>

?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  width="100%" height="100%" initialize="init()">
      
    <mx:Script>
        <![CDATA[
              
        ]]>
    </mx:Script>
      
    <mx:UIComponent id="mapContainer" width="100%" height="100%"/>
  
</mx:Application> 代码中添加了一个标记<mx:UTComponent>制定了宽度和高度，其实这里的id="mapContainer"就是装入 GoogleMap的一个容器。你必须指定一个唯一的id,否则Flex无法识别加载。接着下载需要的packet.

Java代码
import com.google.maps.Map; 
import com.google.maps.MapEvent; 
import com.google.maps.MapType; 
import com.google.maps.LatLn

import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import com.google.maps.LatLn 紧接着定义一个变量指向google map 的一个实例。

Java代码
private var gMap:Map;

private var gMap:Map; 接下来就开始定义一个init()的函数，该函数在Flex程序被加载的时候被调用，用来完成程序的实例创建以及属性的配置。当这些都被设置好了之后，你要在地图被完全加载的时候创建一个event handler来把地图潜入mapContainer指定的位置。

Java代码
private function init():void
{ 
    gMap = new Map(); 
    gMap.key = "{YOUR_API_KEY_HERE}"; 
    gMap.width = 600; 
    gMap.height = 400; 
    gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler); 
     
    mapContainer.addChild(gMap); 
}

private function init():void
{
    gMap = new Map();
    gMap.key = "{YOUR_API_KEY_HERE}";
    gMap.width = 600;
    gMap.height = 400;
    gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler);
  
    mapContainer.addChild(gMap);
} 最后就是在map完全加载的时候定义的event handler，指定了显示地图的坐标以及设置应用程序的大小。完整的代码：

Java代码
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%" initialize="init()" viewSourceURL="srcview/index.html"> 
     
    <mx:Script> 
        <![CDATA[ 
             
            import com.google.maps.Map; 
            import com.google.maps.MapEvent; 
            import com.google.maps.MapType; 
            import com.google.maps.LatLng; 
             
            private var gMap:Map; 
             
            private function init():void
            { 
                gMap = new Map(); 
                gMap.key = "你申请的key"; 
                gMap.width = 600; 
                gMap.height = 400; 
                gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler); 
                 
                mapContainer.addChild(gMap); 
            } 
             
            private function mapReadyHandler(e:MapEvent):void
            { 
                gMap.setCenter(new LatLng(42.334184,-71.018372), 13, MapType.HYBRID_MAP_TYPE); 
                gMap.setSize(new Point(mapContainer.width, mapContainer.height)); 
            } 
             
        ]]> 
    </mx:Script> 
     
    <mx:UIComponent id="mapContainer" width="100%" height="100%"/> 
     
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%" initialize="init()" viewSourceURL="srcview/index.html">
  
    <mx:Script>
        <![CDATA[
          
            import com.google.maps.Map;
            import com.google.maps.MapEvent;
            import com.google.maps.MapType;
            import com.google.maps.LatLng;
          
            private var gMap:Map;
          
            private function init():void
            {
                gMap = new Map();
                gMap.key = "你申请的key";
                gMap.width = 600;
                gMap.height = 400;
                gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler);
              
                mapContainer.addChild(gMap);
            }
          
            private function mapReadyHandler(e:MapEvent):void
            {
                gMap.setCenter(new LatLng(42.334184,-71.018372), 13, MapType.HYBRID_MAP_TYPE);
                gMap.setSize(new Point(mapContainer.width, mapContainer.height));
            }
          
        ]]>
    </mx:Script>
  
    <mx:UIComponent id="mapContainer" width="100%" height="100%"/>
  
</mx:Application>

下面是   flex 中文文档