2011-09-14 20 views
9

Ho scritto un semplice codice che mostra la posizione sulla mappa di google. Ma per alcuni motivi non si presenta. Qualche idea che sta succedendo?Google maps not show

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

risposta

31

È necessario impostare le dimensioni per il vostro contenitore di carta, provate questo:

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

Se hai trovato la mia risposta utile si prega di contrassegnare come risposta. –