javascript - 谷歌地图标记为div而不是canvas

Question

是否可以将标记渲染为 div 或图像而不是 Canvas ？我试图在 html2canvas 的帮助下将谷歌地图的当前视口(viewport)导出为 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 map 使用的 Canvas 由其脚本渲染，因此您自己的脚本中的任何“useCORS”选项都无关紧要。如果 Google map 污染了它的 Canvas ，您对此无能为力。

获得与您想要做的类似的事情的一种方法是使用 Maps Images APIs它支持 CORS 渲染 map 的静态图像，而不是尝试渲染实时界面(尽管图像大小有限制)。