0

更新中のサイトに Google Maps API (ルート案内付き) を埋め込みました。それは完全に機能します...印刷しようとするまで。PDF に印刷する場合は問題ありませんが、プリンターに送信すると空白ページが 3 ページしか生成されません。ここに私のprint.cssがあります:

    #bg, #footer, #header, #enter-info, #driveit, #find, #leftcolumn, #print-button { visibility:hidden; }

#map_area{
    position:absolute;
    top:25px;
    left:120px;
    width:8.5in;
    margin:0 auto;
    clear:both;}

#directions{
    position:relative;
    left:25px;
    width:3.75in;}

#map_canvas{
    position:relative;
    float:right;
    right:25px;
    width:4in;
    min-height:500px;}

これは簡単だと思っていましたが、気が狂いそうです!

どんな考えでも大歓迎です。

編集:この質問は、最終的に機能するようになったため、閉じることができます。解決策は、「display:inline」をラッパー div に追加し、「display:block」を方向とマップ div に追加することでした。

4

1 に答える 1