Question

这看起来像是一个愚蠢的问题，但让我感到困惑...... 我把我的页面分解成最简单的元素，问题仍然存在。

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

问题在打印预览中已经很明显。这是一个屏幕截图：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纸张。

谷歌地图打印 - 奇怪的空块

1 个答案: