064：vue+openlayers根据坐标来显示点、线段、圆形、多边形（代码示例）

本示例的目的是介绍演示如何在vue+openlayers项目中根据坐标信息来显示点、线段、圆形以及多边形。
直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

示例效果

配置方式

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

示例源代码（共156行）

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（CSDN）
* @此源代码版权归大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。
* @Email: 2909222303@qq.com
* @First published in xiaozhuanlan.com
* @Second published in CSD
1
2
3
4
5