2011-09-14 60 views
9

Tôi có một đoạn mã đơn giản sẽ hiển thị vị trí trên bản đồ google. Nhưng vì một số lý do nó không hiển thị. Bất kỳ ý tưởng whats xảy ra?Các bản đồ của Google không hiển thị

<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> 

Trả lời

31

Bạn cần phải thiết lập kích thước cho thùng chứa đồ của bạn, hãy thử này:

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

Nếu bạn tìm thấy câu trả lời của tôi có ích hãy đánh dấu nó như là trả lời. –

Các vấn đề liên quan