本示例介绍如何在vue+openlayer中使用draw来绘制矩形，并截图保存对应的地图。 使用 toDataURL 方法将 Canvas 的内容转换为一个 Base64 编码的图片数据 URL。创建一个 元素，并设置其 href 属性为上面得到的数据 URL，同时设置 download 属性指定下载的文件名。将 元素添加到 DOM 中，然后模拟点击事件来触发下载，最后移除 元素。
效果图
截取后的结果：
| 专栏名称 | 内容介绍 |
|---|---|
| Openlayers基础实战 （72篇） |
Openlayers高级交互（10/20）：绘制矩形,截取对应部分的地图并保存
猜你喜欢
转载自blog.csdn.net/cuclife/article/details/142385993
今日推荐
周排行