Chrome將不會打印自定義Google地圖（即div內）

我的Chrome版本爲18.0.1025.142米。Chrome將不會打印自定義Google地圖（即div內）

我使用JS API來製作這個Google Map，但地圖部分不會顯示在Chrome的打印預覽中，或者實際上在紙上打印。

然後我試圖shrink the map。現在，這些內容顯然適合於一個頁面，並顯示在IE，FF和Opera的打印預覽中。所以尺寸不是問題。

我有任何非正統的HTML或JS？有沒有辦法重寫頁面（也許添加正確的CSS），以便在Chrome中打印？忽略大多數JS，這是這裏無關緊要的，這是我寫的東西（的map_canvas提供DIV顯示地圖）

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map_canvas { height: 67%; width: 30% } 
    </style> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
... 
function initialize() { 
     geocoder = new google.maps.Geocoder(); 
     map = new google.maps.Map(document.getElementById("map_canvas"), 
      mapOptions); 
... 
</script> 
    </head> 
    <body> 
    <div id="menu"> 
     <b>address:</b> 
     <input id="text_address" type="text" size="60" onkeyup="checkReturn(event)"> 
     <input id="check_sp" type="checkbox" checked="checked">SP 
     <input type="button" value="clear" onclick="document.getElementById('text_address').value=''; document.getElementById('text_address').focus()"> 
     <input id="button3" type="button" value="clear markers" onclick="clearMarkers()"> 
    </div> 
    <div id="map_canvas"> 
    </div> 

    </body> 
</html>

來源

2012-04-02 Heitor Chang

也許在打印時將地圖元素交換爲靜態地圖圖像？ – 2012-04-20 10:17:00

好，似乎打印工作千篇一律的頁面時。因此，將其縮小到適合A4頁面的尺寸並且您很好:)您可以：

<div id="map_canvas" style="width:800px; height:1000px;">

來源

2012-04-20 10:32:49

偉大的時機！你得到+50！ – 2012-04-20 13:20:26

Chrome將不會打印自定義Google地圖（即div內）

回答

相關問題