打印整个页面时如何修复 Google Map API？

【问题标题】：How to fix the Google Map API when print the whole page?打印整个页面时如何修复 Google Map API？
【发布时间】：2016-12-28 01:56:58
【问题描述】：

我试图准确地打印用户在单击“打印”按钮时在地图中看到的内容，但我不知道为什么，地图完全改变了。

我只希望地图调整图像大小以完全适合打印。地图是小还是大都没有关系。

这是用户看到的：

但我明白了：

肖像

风景

谢谢！

【问题讨论】：

标签： javascript html css google-maps printing

【解决方案1】：

谷歌地图APIdoes not support打印：

不支持从 JavaScript API 打印。这是因为常用浏览器的打印支持不一致。我们建议使用静态地图 API 进行打印。

如前所述，解决方案是使用静态地图 API。您只需要获取地图的视点（边界）并将其发送到静态地图 API 并检索您可以轻松打印的图像。 Static Map API 甚至支持标记之类的东西。

一个例子

https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Clabel:C%7C40.718217,-73.998284
&key=YOUR_API_KEY

【讨论】：