Vue2+OpenLayers实现添加多边形覆盖物（提供Gitee源码）

目录

一、案例截图

二、安装OpenLayers库

三、代码实现

3.1、初始化变量

3.2、实现一个自定义面

3.3、创建多边形图层

3.4、创建点位

3.5、更新多边形显示

3.6、开始绘制/结束绘制

3.7、创建/更新虚线显示

3.8、初始化地图事件

3.9、完整代码

四、Gitee源码

---

一、案例截图

二、安装OpenLayers库

npm install ol

三、代码实现

代码相对来说可能会有点复杂，我已经把每行注释都写上了，这样方便大家更好去理解。

页面代码是这样的