谷歌地图v3问题

Question

我有下面的代码，但是谷歌地图没有被完全显示(只有左上角的部分)。请看这个截图。有人能帮忙吗?提前谢谢。

<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

在我的一个项目中，我使用谷歌地图v3，但问题是通过替换http://*而不是https://*来解决的。所以试试这个