Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘

【背景】

Vue中使用openlayers,将地图导出为图片,原本使用openlayers官方提供的方法加载地图,但是地图加载太慢了,换成天地图后无法导出图片并报错

在这里插入图片描述
【问题原因】

使用天地图后,没有解决跨域问题,所以图片导出失败

【解决方式】

添加 crossOrigin:'anonymous',处理跨域问题

let tiandiditu = new Tile({
    
    
	source: new XYZ({
    
    
			crossOrigin:'anonymous',
			url: '',
	}),
});

猜你喜欢

转载自blog.csdn.net/weixin_42547014/article/details/113116612