css - 谷歌地图隐藏了打印预览的地图

Question

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

Answer 1

就我而言（我同时使用 Biostall Codeigniter Google Maps V3 API 和 Google Maps V3 API），我使用CSS解决了这个问题。在我的深入研究中，它导致地图宽度的不固定/不确定性“可能”取决于您的 div 容器的宽度或“可能再次”地图宽度本身；其他网络开发人员的结论是关于引导问题。

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

Answer 2

您应该尝试使用Google Static Maps API进行打印。