Google Map API 3 - 印刷プレビューの非表示マップdivの問題

Question

ページが読み込まれたときに、私はGoogleマップ（API 3）を隠しdivに持っています。表示するCSSを地図上に設定した場合：ブロック私は地図のコンテナ内の完全な領域を塗りつぶしていない通常の問題を取得します。 google.maps.event.trigger（map、 'resize'）を呼び出すと、これはウェブサイト自体の問題ではありません。これはマップを正しく表示します。

ただし、私の問題は印刷プレビューで発生します。ユーザが印刷プレビューを選択する前に「マップを表示」がクリックされていない限り、印刷プレビュー内のマップはページの読み込み時と同じように表示されます。

誰でもこの修正を提案できますか？

Answer 1

印刷ボタンをクリックしてクリックすると、8.5x11用紙に合う新しいCSSの新しいページが開きます。このページでは、ズームバーなどが表示されないように静的マップを使用することもできます。

ウェブページを直接印刷するのは難しいため、多くのページでは領収書の印刷ボタンを使用しています。