编程语言
首页 > 编程语言> > javascript-打印整个页面时如何修复Google Map API？

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

作者：互联网

我试图仅打印用户单击“打印”按钮时在地图上看到的内容,但是我不知道为什么,地图会完全更改.

我只希望地图调整图像大小以完全适合打印.地图的大小是无关紧要的.

这是用户看到的：
enter image description here

但是我得到这个：

肖像
enter image description here

景观
enter image description here

谢谢！

解决方法:

Google Map API does not support打印：

Printing from the JavaScript API is not supported. This is because
printing support is inconsistent across commonly used browsers. We
recommend using the Static Maps API for printing purposes.

如前所述,一种解决方案是使用静态地图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

标签：printing,google-maps,css,html,javascript
来源： https://codeday.me/bug/20191111/2023182.html