这是我的问题的简化,但我希望澄清。
我有一个安装在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);
}
});
});
});