Google Map API 3 - 打印预览中隐藏地图div的问题

Question

我的网页加载时，我在隐藏的div中有一个Google Map（API 3）。如果我在地图上设置CSS来显示：块我得到了地图的常见问题，没有填充地图容器内的整个区域。这不是网站本身的问题，因为点击“显示地图”我称之为google.maps.event.trigger（map，'resize'）;这会正确显示地图。

但是我的问题出现在打印预览中。除非在用户选择打印预览之前单击“显示地图”，否则打印预览中的地图将显示在页面加载上，即不适合容器范围内。

有人可以建议修复此问题吗？

Answer 1

您可以设置一个打印按钮，然后单击它会打开一个带有新css的新页面以适合8.5x11工作表。您还可以在此页面中使用静态地图，这样他们就无法获得缩放栏等。

很多网页都使用收据上的打印按钮，因为直接打印网页非常困难。