2013-07-09 71 views
0

從教程複製下面的腳本並運行它。
我收到一個空白屏幕並顯示「完成,但頁面出現錯誤」消息。
認爲錯誤的那一行是
google.maps.event.addDomListener(window,'load',initialize);
註釋掉時沒有錯誤。
教程顯示空白頁面和獲取錯誤頁面中的腳本

我在做什麼錯?

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://maps.googleapis.com/maps/api/js?key=HERE I PUT THE API KEY WITH NO QUOTES&sensor=false"> 
     </script> 
     <script> 
     function initialize() 
     { 
      var mapProp={ 
          center:new google.maps.LatLng(51.508742,-0.120850),zoom:5,mapTypeID:google.maps.MaptypeID.ROADMAP 
         }; 
      var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
     } 
     google.maps.event.addDomListener(window,'load',initialize); 
     </script> 
     <title> 
     </title> 
    </head> 
    <body> 
     <div id="googleMap" style="width:500px;height:380px;"> 
     </div> 
    </body> 
</html> 
+0

它必須是'mapTypeId:google.maps.MapTypeId.ROADMAP'(javascript區分大小寫) –

+0

你從哪個教程複製腳本?該教程是否工作? – geocodezip

回答

0

嘗試:

mapTypeId: google.maps.MapTypeId.ROADMAP 

「的mapTypeId」 的說明情況。

+0

謝謝大家的回信(Molle和Beetroot-Beetroot博士)修復MapTypeId並在初始化後放入(),但仍然得到同樣的結果。將嘗試獲得更好的診斷。 (geocodezip)它是從谷歌地圖上的w3schools教程複製的,並且在那裏可以正常工作。 – user2566124

+0

'google.maps.event.addDomListener(window,'load',initialize);'是正確的。當然'google.maps.event.addDomListener(window,'load',initialize());'會拋出一個錯誤。 –

+0

F12鍵顯示編輯器在IE9中說錯誤在google.maps.event.addDomListener(window,'load',initialize);'和錯誤信息是'google'未定義的行上 - ---甜菜根 - 甜菜根,拿出()s仍然是一樣的錯誤 – user2566124