google-maps - 谷歌地图的 html2canvas 图像 - 被地图图块边缘剪裁的多边形

Question

保存从包含多边形的谷歌地图创建的画布时，多边形被裁剪​​到瓷砖边缘所在的位置 -示例。

多边形和折线都被剪裁了，这个问题在地图中看不到，只是在通过 html2canvas 保存图像时。

// Setup vars
var $this = $(this),
    $mapContainer = $('#area-map .gm-style div:first'),
    $input = $('input[name="map_image_data"]')

// Run HTML2Canvas to convert map to data image
html2canvas($mapContainer, {
    proxy : 'html2canvasproxy.php',
    useCORS : false,
    logging : true,
    onrendered: function(canvas) {
        var dataURL = canvas.toDataURL();
        $input.val(dataURL);
    }
});

html2canvas 日志输出：

html2canvas: Preload starts: finding background-images
html2canvas: Preload: Finding images 
html2canvas: Preload: Done.
html2canvas: start: images: 1 / 9 (failed: 0)
html2canvas: start: images: 2 / 9 (failed: 0)
html2canvas: start: images: 3 / 9 (failed: 0)
html2canvas: start: images: 4 / 9 (failed: 0)
html2canvas: start: images: 5 / 9 (failed: 0)
html2canvas: start: images: 6 / 9 (failed: 0)
html2canvas: start: images: 7 / 9 (failed: 0)
html2canvas: start: images: 8 / 9 (failed: 0)
html2canvas: start: images: 9 / 9 (failed: 0)
Finished loading images: # 9 (failed: 0)
html2canvas: Renderer: Canvas renderer done - returning canvas obj

我一直在尝试将多边形移动到另一个地图窗格，但没有任何运气。