Google maps to image

HTML

<script src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script>
<div id="carte"><div class="jour_map portrait" style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;" class="gm-style"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;), default;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; transform-origin: 887px 226px 0px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 387px;"></div><div style="width: 256px; height: 256px;...

CSS

element.style {
    background-color: rgb(229, 227, 223);
    overflow: hidden;
    position: relative;
}
div.jour_map.portrait {
    height: 1312px;
    width: 928px;
}
body {
    color: #561f00;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

JavaScript

$(function() { 
    $("#btnSave").click(function() { 
    	console.log('début du click');
        html2canvas($("#carte"), {
            onrendered: function(canvas) {
            
                theCanvas = canvas;
                document.body.appendChild(canvas);
            }
        });
    });
});