css - Google map 隐藏 map 以供打印预览

Question

我正在尝试在打印预览中显示 Google map 。如果我将 .gmnoprint 类从 display:none 更改为 display:inline，我会看到一个 map 控件、一个图钉、谷歌 Logo ，但仍然没有 map 。它是空白的。如何使我的 map 显示出来以供打印？

Answer 1

就我而言(我同时使用 Biostall Codeigniter Google Maps V3 API 和 Google Maps V3 API)，我使用 CSS 解决了该问题。在我的深入研究中，它导致 map 宽度的不固定/不确定性，“也许”取决于您的 div 容器的宽度或“也许再次” map 宽度本身；其他网络开发人员的结论是它与 Bootstrap 问题有关。

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