2013-05-18 159 views
0

我試圖運行一個簡單的谷歌地圖示例(這是例子:https://developers.google.com/maps/documentation/javascript/examples/map-simple-async)。我把代碼放在我的.hmtl文件中,但是我得到一個空白頁面。當然,這似乎發生在所有的谷歌示例(我保存所有的文件在ANSI格式)。谷歌地圖示例不工作

的代碼是:

<!DOCTYPE html> <html> <head> 

<title>Asynchronous Loading</title> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
<meta charset="utf-8"> 
<script> 
    function initialize() 
    { 
     var mapOptions = { 
      zoom: 8, 
      center: new google.maps.LatLng(-34.397, 150.644), 
      mapTypeId: google.maps.MapTypeId.ROADMAP}; 

     var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    } 

    function loadScript() 
    { 
     var script = document.createElement('script'); 
     script.type = 'text/javascript'; 
     script.src = 'http://maps.googleapis.com/maps/api/js?key=<MY_CODE>&sensor=false&callback=initialize'; 
     document.body.appendChild(script); 
    } 

    window.onload = loadScript; 

</script> </head> <body> 
<div id="map-canvas"></div> </body> </html> 
+0

您在URL中的API指定鍵=,但你不要打擾把一個值吧:

看他們的CSS文件,你需要類似的東西。或者添加一個鍵值,或者如果您不使用鍵值,則不要在URL中鍵入鍵值。 – duncan

+0

你是否需要異步加載地圖文件?如果沒有,還有更簡單的方法來做到這一點,而不使用回調 – duncan

+0

我把鑰匙放在那裏。這只是一個例子,但對於我的allexamples似乎只顯示一個空白頁:(我也嘗試從頭部加載JS ...相同的行爲。 – Larry

回答