Google Maps displays a blank map

Question

The div #map-canvas contains a Google map.

I tried following code:

$('#map-canvas').html2canvas({
    onrendered: function (canvas) {
        var img = canvas.toDataURL("image/png");
        document.getElementById("myForm").submit();
    }
});

<input type="submit" value="Take Screenshot Of Div" onclick="capture();" />
<form method="POST" enctype="multipart/form-data" action="save.php" id="myForm">
    <input type="hidden" name="img_val" id="img_val" value="" />
</form>

Using this code I am getting a blank map.

is the #map-canvas in an iframe in a different domain to the rest of the page? — Jaromanda X, Oct 13 '15 at 05:07
why dont you use ajax .that will be great ..even your page wont reload — Amar Singh, Oct 13 '15 at 05:47
[Here](http://stackoverflow.com/questions/24046778/html2canvas-does-not-work-with-google-maps-pan) is your solution http://stackoverflow.com/a/24281734/5336818 Do as directed in this solution — Amar Singh, Oct 13 '15 at 05:54

vasanth · Answer 1 · 2015-10-13T05:14:41.623

-1

This link may help you to get map image...

edited Oct 13 '15 at 05:14

answered Oct 13 '15 at 05:08

vasanth

224
3
19

1

This doesn't answer the question – marvinhagemeister Sep 20 '16 at 16:23

Google Maps displays a blank map

1 Answers1