css - Google マップが印刷プレビュー用の地図を非表示にする

Question

印刷プレビューで Google マップを表示しようとしています。.gmnoprint クラスを display:none から display:inline に変更すると、マップ コントロール、ピン、Google ロゴが表示されますが、マップは表示されません。空白です。マップを印刷用に表示するにはどうすればよいですか?

Answer 1

私の場合 (Biostall Codeigniter Google Maps V3 API と Google Maps V3 API の両方を使用しています)、CSSを使用して問題を修正します。私の詳細な調査では、マップの幅の未修正/不確実性が原因で、「おそらく」は div コンテナーの幅に依存するか、「おそらく」マップの幅自体に依存します。他の Web 開発者の結論は、ブートストラップの問題に関するものです。

@media print {
    img {
        max-width: none !important;
    }
}

Answer 2

印刷にはGoogle Static Maps APIを使用してみてください。