> 文章列表 > 231:vue+openlayers绘制点、点击此点弹出坐标复制和取消功能

231:vue+openlayers绘制点、点击此点弹出坐标复制和取消功能

231:vue+openlayers绘制点、点击此点弹出坐标复制和取消功能

在这里插入图片描述

第231个

点击查看专栏目录

示例的目的是介绍演示如何在vue+openlayers项目绘制点、点击此点弹出坐标复制和取消功能,这里面的复制功能采用了ue-clipboard2插件

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果

示例效果

231:vue+openlayers绘制点、点击此点弹出坐标复制和取消功能

配置方式

1)查看基础设置:https://xiaozhuanlan.com/topic/1378924560
或者同样查看:https://blog.csdn.net/cuclife/article/details/126195754
2)将上述的源代码,粘贴到src/views/Home.vue中,npm run serve 运行即可。

安装插件与调用

npm install --save vue-clipboard2