css - Google maps Prints incorrectly in Chrome -


i unable print map through chrome browser. if try print ie, map shows , prints correctly. below image print 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

you can see in forum others experienced printing problem chrome. here workarounds can solve problem:

in address bar type about:flags. there find

  • print preview
  • enables in-tab preview of print operation.
  • enable/disable

you can try uninstall chrome download newest version , install it.


Comments

Popular posts from this blog

angular - Is it possible to get native element for formControl? -

unity3d - Rotate an object to face an opposite direction -

javascript - Why jQuery Select box change event is now working? -