Google地图未显示

daz*_*zle 10 google-maps-api-3

我有一个简单的代码,可以显示谷歌地图上的位置.但由于某些原因,它没有出现.有什么想法吗?

<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>
Run Code Online (Sandbox Code Playgroud)

Jor*_*ata 32

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

<style type="text/css">
     #map {
        width: 500px;
        height: 500px;
      }
    </style>
Run Code Online (Sandbox Code Playgroud)