Google 地图打印 - 奇怪的空块

Question

这似乎是个愚蠢的问题，但让我感到困惑... 我已将我的页面分解为最简单的元素，但问题仍然存在。

我有一个页面，在 div 中有一个 google 地图。打印地图时，底部有一小部分打印为空。我完全不知道如何纠正这个问题。

此问题在打印预览中已经很明显。这是屏幕截图：http://tinypic.com/r/e7xqb9/8

该页面旨在打印在 A4 页面上，并且设计为适合页面大小，无需调整大小。

这似乎发生在 Chrome、IE、Firefox 和 Safari 浏览器上。

如有任何建议，我们将不胜感激！！

<html>
<body>            
<form id="form1">
                <div id="map_canvas" style="width:620px;height:620px;"></div>
            </form>


            <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>


            <script>

                // Variable Declarations
                var map;

                // function initializes Google map
                function initialize() {

                    var mapCenter = new google.maps.LatLng(-30.732393, 24.125977); //Google map Coordinates

                    var googleMapOptions =
                    {
                        center: mapCenter, // map center
                        mapTypeId: google.maps.MapTypeId.SATELLITE,
                        streetViewControl: false,
                        zoomControl: false,
                        panControl: false,
                        mapTypeControl: false,
                        zoom: 5
                    };

                    map = new google.maps.Map(document.getElementById("map_canvas"), googleMapOptions);

                }

        initialize();



    </script>
</body>
</html>

Answer 1

再次测试您的代码后，它确实发生了当尝试仅在横向模式下打印时，您在问题中没有提到。

解决方案：调整地图容器的height，使其在横向模式下适合 A4 纸。

Google 地图打印 - 奇怪的空块

Google Maps Print - Strange Empty Block

google-maps

google-maps-api-3