css - Google map 在 Chrome 中打印不正确

Question

我无法通过 chrome 浏览器打印 map 。如果我尝试用 IE 打印它， map 会正确显示和打印。下图是 Chrome 打印出来的。

#map-canvas {
  width: 850px;
  height: 1400px;
  margin: 5px;
}
@media print {
  #filterArea {
    display: none;
  }
  #Note {
    display: none;
  }
  #map-canvas {
    visibility: visible;
    position: absolute;
    top: 5px;
    left: 5px;
  }
}

<div id="mapBody">
  <div id="filterArea">
    …
    <button id="map-print" onclick="printView()">Print</button>
    …
  </div>
  <div id="map-canvas"></div>
</div>

Answer 1

你可以在这个forum中看到其他人也遇到了 Chrome 的打印问题。以下是您可以采取的一些解决方法来解决您的问题:

In the address bar type about:flags. There you will find

• Print Preview
• Enables an in-tab preview of a print operation.
• Enable/Disable

您也可以尝试完全卸载 chrome，然后下载最新版本并安装。