谷歌地图标记为 div 而不是画布

Question

是否可以将标记呈现为 div 或图像而不是画布？我正在尝试在 html2canvas 的帮助下将谷歌地图的当前视口导出为 png，但我无法渲染标记。

当我尝试这个时

document.getElementsByTagName('canvas')[0].toDataURL();

我收到以下错误

SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

PS：我在html2canvas中使用useCORS选项，渲染图像没有问题。

Answer 1

Google 地图使用的画布由其脚本渲染，因此您自己的脚本中的任何“useCORS”选项都无关紧要。如果 Google 地图污染了它的画布，那么您将无能为力。

获得类似于您正在尝试做的事情的一种方法是使用支持 CORS 的 Maps Images APIs 来渲染地图的静态图像，而不是尝试渲染实时界面（有限制 wrt图像大小）。