谷歌地图在Chrome中打印不正确

时间:2016-09-22 14:49:58

标签: css google-maps google-chrome

我无法通过Chrome浏览器打印地图。如果我尝试使用IE打印它,地图会正确显示和打印。下图是来自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>

example

1 个答案:

答案 0 :(得分:0)

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

  

在地址栏中输入about:flags。在那里你会找到

     
      
  • 打印预览
  •   
  • 启用打印操作的标签内预览。
  •   
  • 启用/禁用
  •   

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