javascript - 当我打印我的网站时，有什么方法可以使我的谷歌地图相同

Question

我有一个带有 map 和 KML + 一些标记的页面，当我打印 (CTRL+P) 我的页面时，我只能看到 map 的左上角，并且默认缩放不是很好。说真的，我在网上没有找到任何解决方案，有什么提示吗？谢谢!

Answer 1

基于 JavaScript 的 Google map 使用图 block 背景图像，且背景图像不可打印。

您可以包含用于打印的替代静态 map : https://developers.google.com/maps/documentation/staticmaps/?csw=1#quick_example

通过 CSS 使其打印可见，而基于 javascript 的 map 仅在屏幕上可见:

@media screen {
  #static_map {
    display: none;
  }
  #js_map {
    display: block;
  }
}

@media print {
  #js_map {
    display: none;
  }
  #static_map {
    display: block;
  }
}