050：vue+openlayers使用Popup组件显示经纬度坐标（代码示例）

本示例的目的是介绍演示如何在vue+openlayers中使用popup的形式来显示出经纬度坐标，本示例是采用引用扩展的方式，相比以往的添加方式，减少了不少的代码量。

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

示例效果

安装依赖

npm install ol-popup --save
1

配置方式

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