2011-09-14 60 views
9

我写了一个简单的代码,将显示在谷歌地图上的位置。但由于某些原因,它没有出现。任何想法发生了什么?谷歌地图不显示

<html> 
<head> 
<title>Google Maps </title> 
<script type="text/javascript" 
src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
(function() { 
    window.onload = function(){ 
    var latlng = new google.maps.LatLng(57.8, 14.0); 
    var options = { 
     zoom: 6, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
    var map = new google.maps.Map(document.getElementById('map'), options); 
     } 
    })(); 
</script> 
</head> 
<body> 
<div id="map"></div> 
</body> 
</html> 

回答

31

您需要设置尺寸地图容器,试试这个:

<style type="text/css"> 
    #map { 
     width: 500px; 
     height: 500px; 
     } 
    </style> 
+1

如果你发现我的回答有用,请把它标记为回答。 –