在浏览器中将Google Geochart转换为图像(JPEG,PNG等)或PDF

Question

我正在使用Google GeoCharts(https://developers.google.com/chart/interactive/docs/gallery/geochart#Overview)在浏览器中动态生成彩色编码地图.geochart api使用javascript/svg绘制地图...有关生成可导出图像文件的任何建议吗？(pdf,光栅图像等)

这可以通过谷歌地理广告来完成吗？如果没有,您可以推荐其他服务吗？

*我们之前使用的是GeoMaps,但分辨率不合适.

Answer 1

这可以通过执行本页上的步骤来完成。请注意，本文中的代码基于使用 iframe 的旧版 Google Visualization，并且不会像发布的那样工作。但是，您可以使用以下代码（在注释中找到）执行相同的操作：

var svg = $(chartContainer).find('svg').parent().html();
var doc = chartContainer.ownerDocument;
var canvas = doc.createElement('canvas');
canvas.setAttribute('style', 'position: absolute; ' + '');
doc.body.appendChild(canvas);
canvg(canvas, svg);
var imgData = canvas.toDataURL("image/png");
canvas.parentNode.removeChild(canvas);
return imgData; 

注意：我没有创建此代码，它最初是由上述网站的作者 (Riccardo Govoni) 创建的，并由用户 Thomas 在评论部分进行了更新。