2011-09-14 244 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

如果你發現我的回答有用,請把它標記爲回答。 –