2012-04-02 19 views
3

Chromeのバージョンは18.0.1025.142 mです。ChromeはカスタムGoogleマップ(部門内にあります)を印刷しません

JS APIを使用してGoogle Mapにしましたが、地図の部分はChromeの印刷プレビューに表示されず、実際に用紙に印刷されません。

その後、私はshrink the mapを試しました。今、内容は明らかに1ページに収まり、IE、FF、Operaの印刷プレビューに表示されます。サイズは問題ではありません。

正式なHTMLやJSはありますか?ページを書き換えて(正しいCSSを追加する、多分)、Chromeで印刷する方法はありますか?

<!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> 
+0

は多分、静的な地図画像のためのマップ要素をスワップアウト? –

答えて

3

(map_canvas divのは、マップを表示する)ここには無関係であるJSのほとんどを無視すると、これは私が書いたものであるまあ、印刷がときフィットページ働いているようです。したがって、それは非常によくA4ページに収まるだろうとサイズに削減し、あなたは良いです:)ここでは、次のとおりです。印刷するとき

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

素晴らしいタイミング!あなたは+50を得る! –

関連する問題