2013-05-08 48 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时,一切正常。花了整整一个早上来解决这个问题!