谷歌地圖打印 - 奇怪的空塊

-1

這似乎是一個這樣愚蠢的問題，但它讓我感到莫名其妙... 我已經把我的頁面分解成最簡單的元素，並且問題仍在發生。谷歌地圖打印 - 奇怪的空塊

我有一個谷歌地圖在一個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>

來源

2015-01-12 SQLGuru

這可能是地圖div的大小問題。請提供[最小，完整，測試和可讀示例]（http://stackoverflow.com/help/mcve），包括複製問題所需的任何HTML/CSS。 – geocodezip

正如我在我的問題中所說的，我選擇的尺寸將完美地固定在A4紙上。另外，我提供的以上代碼是100％完整且可用的。 – SQLGuru

在發佈的代碼中沒有定義尺寸，A4或其他。我該如何複製這個問題？作爲猜測，您的瀏覽器不同意您的尺寸適合頁面「完美」。 – geocodezip

測試你的代碼後它再次試圖在橫向模式下只打印你沒有在你的問題提的時候實際發生。

解決方案：調整地圖容器的height，使其適合橫向模式下的A4紙張。

來源

2015-01-12 13:33:39 MrUpsidown

這是我沒注意到的東西......謝謝！ – SQLGuru

谷歌地圖打印 - 奇怪的空塊

回答

相關問題