Loading map marker issue in take print

I got print of the map. But canot load the map marker

function mapprint() {
  var content = document.getElementById('map_div'); //has to be first. 
  content.style.position = "relative";
  content.style.height = contents.firstChild.offsetHeight + "px";
  content.style.width = contents.firstChild.offsetWidth + "px";
  var win = window.open();
  win.document.write(content.innerHTML);
  win.print();
  win.close();
}

<button class="map-print" ng-click="mapprint();">print</button>

this is my web view

This is my Map print view

via Shiju Mathew