2012-07-12 48 views
1

有人可以請我指導一個教程,解釋如何在Actionscript 3中使用Javascript中的Google Maps API v3?我試圖教自己,但迄今沒有運氣。以下測試程序顯示簡單的HTML,但不是Google Map。需要幫助開始在Actionscript 3中使用Javascript中的Google Maps API v3

<?xml version="1.0" encoding="utf-8"?> 
<!-- aircomponents/src/HTMLSimple.mxml --> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx"> 
<s:layout> 
    <s:VerticalLayout/> 
</s:layout> 

<mx:ControlBar width="100%"> 
    <s:Button label="&lt; Back" 
       click="content.historyBack();"/> 
    <s:Button label="Forward &gt;" 
       click="content.historyForward();"/> 
    <s:TextInput id="address" 
       text="{content.location}" width="100%"/> 
    <s:Button label="Go!" 
       click="content.location = address.text"/> 
</mx:ControlBar> 
<s:Group width="100%" height="100%"> 
    <mx:HTML id="content" location="file:///C:/googlemaps.html"/> 
</s:Group> 
</s:WindowedApplication> 

文件C:/googlemaps.html從Firefox的作​​品,包含:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map_canvas { height: 100% } 
</style> 
<script type="text/javascript" 
    src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDfNNCCL7xmvk-gTYmvS_Cy5PZcf5L3j_I&sensor=false"> 
</script> 
<script type="text/javascript"> 
    function initialize() { 
    var myOptions = { 
     center: new google.maps.LatLng(41., -96), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    } 
    </script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas" style="width:100%; height:100%"></div> 
</body> 
</html> 
+0

忘記「從腳本3」部分,並從文檔開始。然後讓我們知道你是否遇到*特定*問題。文檔在這裏:https://developers.google.com/maps/documentation/javascript/ – Marcelo 2012-07-12 18:10:42

+0

謝謝@Marcelo。 javascript/html在瀏覽器中工作正常,但我需要將地圖集成到Adobe Air下運行的現有Actionscript 3程序中。 。 Google地圖API for Flash - (已棄用) 注意:截至2011年9月2日,Google Maps API for Flash已正式棄用。API將繼續工作至2014年9月2日。我們鼓勵您將代碼遷移到版本3的Maps JavaScript API。 – user967958 2012-07-13 16:59:52

回答

0

正確設置大小。如果您使用百分比您<body>元素需要的寬度,所以

html,body { height: 100%; width:100%; margin: 0; padding: 0 } 
    #map_canvas { height: 100%; width:100%} 

,幸運的是,沒有必要加載的Flash。 :-) 所以,你可以刪除

s:WindowedApplication ... etc 

和所有

<mx> 

垃圾:-)

+0

謝謝@Marcelo。 javascript/html在瀏覽器中工作正常,但我需要將地圖集成到Adobe Air下運行的現有Actionscript 3程序中。 ;. Google Maps API for Flash - (已棄用)注意:截至2011年9月2日,Google Maps API for Flash已正式棄用。API將繼續工作至2014年9月2日。我們鼓勵您將代碼遷移到版本3的Maps JavaScript API。 – user967958 2012-07-17 21:18:53