2011-09-14 23 views
9

Tengo un código escrito simple que mostraría la ubicación en el mapa de google. Pero por alguna razón no está apareciendo. ¿Alguna idea de lo que está pasando?Google maps no aparece

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

Respuesta

31

Es necesario ajustar las dimensiones de su mapa de contenedores, intente esto:

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

Si has encontrado mi respuesta útil, por favor marcarlo como respuesta. –