（五）openlayers加圆形以及引入element-ui组件

（1）第一节我写了基于vue3的openlayers项目创建，其实还可以进行如下操作，进入一个文件夹，输入cmd，如图所示：

创建完成后，用vscode打开项目文件夹，新建终端输入：npm run serve，进行运行。
（2）本节主要引入element-ui组件以及基于openlayers加圆形。Element UI是一个基于Vue.js的开源UI组件库，专为开发者提供了一套优雅而灵活的UI组件。它包含了各种常用的Web组件，如按钮、表单、导航等，以及高级组件，如日期选择器、对话框等。Element UI的设计风格简洁美观，易于定制，使其成为许多Vue.js项目的首选UI框架。对于初学者来说很适合。
首先引入Element UI，进入官网找到基于Vue3版本的安装命令，在vscode终端里面输入这个命令：npm install element-plus --save

安装成功，package.json会显示这样：

然后在main.js中引入element -ui，如图所示：

以上我们就可以引入element-ui的组件，本次我们引入element-ui中的按钮组件。直接在官网中复制代码：

一定要注意对应是Vue3版本的，不要复制错了，我这直接复制链接：element-ui按钮
然后根据自己所需对代码进行改写，我这还是延续之前章节的代码，所以进行如下改写：

运行显示：