将Google Map DIV转换为图像

问题描述 投票:3回答:1

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

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

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

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

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

javascript web map maps
1个回答
0
投票

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);
            }
        });
    });
}); 
© www.soinside.com 2019 - 2024. All rights reserved.