2016-02-01 3 views
-1

Я сделал div, который показывает карту google. Проблема в том, что она не отображает карту, а показывает ее логотип. Где я делаю неправильно? Любые предложения, пожалуйста. Вот мой код. Этот код находится в теге <head>.Google map not display, только отображение логотипа

Код

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

Имеет ли ваш размер карты размер? Просьба представить [Минимальный, полный, проверенный и читаемый пример] (http://stackoverflow.com/help/mcve), который демонстрирует проблему. [Опубликованный код работает для меня] (http://jsfiddle.net/7nqrqz9u/) – geocodezip

ответ

2

высота надстройка и ширина к вашим делам.

<div id="googleMap" style="width: 520px; height: 520px;" ></div> 
Смежные вопросы