Not able to print Google map on click of print button
<p>I am not able to print google map on click of print button using jQuery. I am using version 3 of Google maps API. The map is rendered on the page properly but when I click on print button, it does not print any content of the map. 
Here's the code: </p>

<pre><code>printLinks.init = function () {
</code></pre>

<p><code>$('body').on('click', '.js-print-link', function (e) {</code></p>

<pre><code>var prWin = window.open('', '_blank', 'resizable=yes,scrollbars=yes,status,width=600,height=700');
prWin.document.write('&lt;HTML&gt;&lt;HEAD&gt;&lt;LINK href=/css/print.css ' + ' type="text/css" rel="stylesheet"&gt;&lt;title&gt;Print Window&lt;/title&gt;');
prWin.document.write('&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js""&gt;&lt;/script&gt;');
prWin.document.write('&lt;script type="text/javascript" src="//maps.googleapis.com/maps/api/js?v=3&amp;sensor=false&amp;callback=initializeMaps"&gt;&lt;/script&gt;');
var prCon = document.getElementById('body').innerHTML;
var str1 = $.parseHTML(prCon);
$('&lt;div/&gt;').append(htmlstring).find('#abc').append('&lt;a id="prClick" href="#" class="share-print" onClick="window.print()" style="float:right"&gt;&lt;/a&gt;');
var str2 = $('&lt;div/&gt;').append(str1);
prWin.document.write(str2.html());
prWin.document.close();
prWin.focus();
e.preventDefault();
});
};
</code></pre>

<p>To explain above code more, on click of a button present on bottom of the page a new window named "Print Window" opens up of size 600*700 containing the content of original window but with different css named print.css which is being referred here. Original window contains google map as well. On new "Print Window" also, the map appears correctly but when I click on print icon present in the top right corner of "Print Window", the map is not printed at all. Please suggest.</p>