title: Google Map screen capture is not working properly using html2canvas
body: <p>Google Map screen capture is not working properly. Grey screen appears in the output image file. For simple text in div section works fine. Any suggestion for this.</p>
  
  <p>I tried like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&amp;sensor=false"&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src ="http://code.jquery.com/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="html2canvas.js?rev032"&gt;&lt;/script&gt; 
  &lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  
  function initialize()
      {
      var mapProp = {
            center:new google.maps.LatLng(51.508742,-0.120850),
            zoom:5,
            mapTypeId:google.maps.MapTypeId.ROADMAP
        };
      var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
  $(window).load(function(){
  
      $('#load').click(function(){
  
              html2canvas($('#googleMap'), {
                  onrendered: function (canvas) {
                      var dataURL = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
                      window.location.href = dataURL;
                  }
              });
  
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="googleMap" style="width:500px;height:380px;"&gt;&lt;/div&gt;
  &lt;input type="button" value="Save" id="load"/&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>UPDATED:</p>
  
  <p>I replace the code section as below. Working fine but saved as .part file. Is it possible to give it a name while saving to local disk ? </p>
  
  <pre><code>$(window).load(function(){
  
      $('#load').click(function(){
  
              html2canvas($('#googleMap'), {
              useCORS: true,
                  onrendered: function (canvas) {
                  var dataUrl= canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
  
                  window.location.href = dataUrl;
                                      }
              });
  
      });
  });
  </code></pre>