通过html2canvas生成并导出地图
发布时间
阅读量：
阅读量
该项目以Vue框架为基础进行构建
导入相关依赖包
import html2canvas from "html2canvas";
在页面界面中设置一个可操作的按钮，用于触发图片导出功能。
<!-- 导出地图按钮 -->
<Button type="primary" @click="exportMap" ></Button>
关键点
在引入地图资源时，必须设置crossOrigin属性，否则将导致导出结果中无法显示图片
crossOrigin: "anonymous", // 导出地图，跨域处理
// 矢量底图
let VECurl = `${this.url}&T=vec_c&tk=${this.urlTK}`;
const sourceVEC = new XYZ({
url: VECurl,
projection: "EPSG:4326",
crossOrigin: "anonymous", // 导出地图，跨域处理
});
接下来便是程序的核心部分了
//导出地图全部评论 (0)
还没有任何评论哟~