Question

我写了一个简单的代码，可以显示谷歌地图上的位置。但由于某些原因，它没有出现。有什么想法发生了吗？

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

Answer 1

您需要为地图容器设置尺寸，请尝试以下操作：

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

Google地图未显示

1 个答案: