Google-Karte ist nicht in voller Breite Druck

Question

ich, dass die Breite des div Container sehen OK ist (habe ich einen Rahmen um es, das sichtbar ist)

Es zeigt auf dem Bildschirm korrekt, aber wenn zu drucken versuchen, Sie können einige Textelemente von der Landkarte nach rechts schieben sehen, dass und einer ga aaaaa ap ​​erstellen ...

Sie können es auf http://PicGPS.com

Jede Idee leben sehen, wie es zu beheben? etwas magisches CSS vielleicht?

Answer 1

https://stackoverflow.com/a/10210153/3585278

Sie haben alle übergeordneten Container auf eine Breite von 100% setzen, wenn Sie mit ihm die ganze Seite Abdeckung wollen. Sie müssen für das #content div mindestens einen absoluten Wert von Breite und Höhe festlegen.

body, html { 
    height: 100%; 
    width: 100%; 
} 

div#content { 
    width: 100%; height: 100%; 
} 

Answer 2

Für Druck versuchen, die Marge und die Dimension für den Druck

Medien Einstellung

@page 
{ 
    size: auto; /* auto is the initial value */ 
    div#map { 
    width: 100%; height: 100%; 
    margin:0mm; 
    pabbing: 0mm; 
    } 


}