将Google Map DIV转换为图像

Posted 2021-04-15

这是我的问题的简化，但我希望澄清。

我有一个安装在div中的Google Maps对象。地图完美地回归。

它上面有一个WMS覆盖图（例如，1990年出生的人的数据图）。地图上的WMS图层完美返回。

我的问题是如何将包含Google Map和WMS的DIV画布转换为PNG / GIF图像？

我查看了静态地图API，但这并不好，因为我正在调用WMS图层。需要使用Google APIv3

答案

You can use this Example and convert div to image

或使用此代码

$(function() { 
    $("#btnSave").click(function() { 
        html2canvas($("#widget"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#img-out").append(canvas);
                // Clean up 
                //document.body.removeChild(canvas);
            }
        });
    });
});