Vue2+OpenLayers实现点位拖拽功能(提供Gitee源码)

目录

一、案例截图

二、安装OpenLayers库

三、代码实现

3.1、初始化变量

3.2、创建一个点

3.3、将点添加到地图上

3.4、实现点位拖拽

3.5、完整代码

四、Gitee源码


一、案例截图

可以随意拖拽点位到你想要的位置 

二、安装OpenLayers库

npm install ol

三、代码实现

3.1、初始化变量

关键代码:

data() {
  return {
    map:null,
    vectorLayer:null,
  }
},

3.2、创建一个点

关键代码

你可能感兴趣的:(Vue,OpenLayers,gitee,前端,html,javascript,开发语言)