谷歌地图不显示，只有徽标显示

-1

我做了一个显示谷歌地图的div。问题是它没有显示地图，但显示了它的标志。我在哪里做错了？任何建议请。这是我的代码。此代码位于<head>标记中。谷歌地图不显示，只有徽标显示

代码

<script src="http://maps.googleapis.com/maps/api/js"></script> 
<script> 
    var myCenter = new google.maps.LatLng(41.9976096,-87.6925979); 

    function initialize() { 
     var mapProp = { 
      center:myCenter, 
      zoom:16, 
      scrollwheel:false, 
      draggable:false, 
      mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); 

     var marker = new google.maps.Marker({ 
      position:myCenter, 
     }); 

     marker.setMap(map); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

来源

2016-02-01 tabia

您的地图div是否有大小？请提供证明此问题的[最小，完整，测试和可读示例]（http://stackoverflow.com/help/mcve）。 [发布的代码适用于我]（http://jsfiddle.net/7nqrqz9u/） – geocodezip

附加高度和宽度的DIV。

<div id="googleMap" style="width: 520px; height: 520px;" ></div>

来源

2016-02-01 20:00:42

谷歌地图不显示，只有徽标显示

回答

相关问题