google map v3 issue

Question

У меня есть код ниже, однако карта google не отображается полностью (только верхняя левая часть). См. Это screenshot. Может ли кто-нибудь помочь, пожалуйста? Заранее спасибо.

<script type="text/javascript"> 
     function initialize() { 
      var latlng = new google.maps.LatLng(<?php echo $hotel->hotel_latitude.','.$hotel->hotel_longtitude; ?>); 

      var Options = { 
       center:latlng, 
       zoom:15, 
       mapTypeId:google.maps.MapTypeId.ROADMAP 
      }; 

      var map = new google.maps.Map(document.getElementById("ourlocation"),Options); 

      marker = new google.maps.Marker({ 
       position:latlng, 
       animation:google.maps.Animation.BOUNCE 
      }); 

      marker.setMap(map); 
     } 

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

Answer 1

Добавить ширину и высоту в ваш div, тогда она будет работать нормально.

<div id="imgFrame" style="width: 800px; height: 900px"></div> 

Answer 2

После вашего setMap вызова, попробуйте google.maps.event.trigger(map, 'resize');

Answer 3

В одном из моего проекта я использовал Google Map v3, но проблема решается путем замены http://* вместо https://*. Поэтому попробуйте это.