title: Google Map is not displayed when using html2canvas
body: <p>I have done the screenshot button that have to make the screenshot of all body.</p>
  
  <p>But on this screenshot google map is not dispayed.
  I used html2canvas library to do this.
  Here is the code : </p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;button type="button" class="btn btn-default btn-sm" id = 'screenShotBtn' onclick="takeScreenShot()"&gt; 
  </code></pre>
  
  <p></p>
  
  <p>JAVASCRIPT : </p>
  
  <pre><code>var takeScreenShot = function() {
  var screenshot = {};
  html2canvas(document.getElementById('screenAll'), {
      onrendered: function (canvas) {
          var tempcanvas=document.createElement('canvas');
          tempcanvas.width=1350;
          tempcanvas.height=700;
          var context=tempcanvas.getContext('2d');
          context.drawImage(canvas,0,0,1350,700,0,0,1350,700);
          var link=document.createElement("a");
          link.href=tempcanvas.toDataURL('image/jpg');   //function blocks CORS
          link.download = 'screenshot.jpg';
          link.click();
      }
  });
  </code></pre>
  
  <p>And here is what I have when make the screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/QFl0T.png" rel="nofollow noreferrer">look here for screenshot</a></p>
  
  <p>can you please tell me whats wrong?</p>