Question

我有以下代码，但谷歌地图没有完全显示（只有左上角部分）。见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

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

谷歌地图v3问题

3 个答案: