谷歌地圖不顯示，只有徽標顯示

-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

谷歌地圖不顯示，只有徽標顯示

回答

相關問題