2013-05-08 49 views
0

我使用的是谷歌地圖網站的示例。谷歌地圖javascript示例不起作用

https://developers.google.com/maps/documentation/javascript/tutorial

我張貼下面的全部代碼。我得到一個空白屏幕 - 似乎沒有任何顯示在Firefox或鉻。任何人都可以建議發生了什麼?

謝謝 -VJ


 <!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="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE"> 
    </script> 
    <script type="text/javascript"> 
     function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(-34.397, 150.644), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"/> 
    </body> 
</html> 

回答

0

行,所以我想通了這個問題。我用wordpad將代碼保存在html文件中,並以Unicode格式保存。當我使用記事本保存文件並格式爲ANSI時,一切正常。花了整整一個早上來解決這個問題!