背景
最近需要做一个机遇Mapbox的绘制功能,虽然mapbox-gl-draw这个插件很好,但是不支持撤销和重做功能,于是自己封装了一个Mapbox控件,方便大家使用。主要是练习一下如何封装Mapbox的控件。实现了如下功能:
- 多边形绘制
- 撤销点
- 重做点
- 双击地图完成绘制
- 右键地图完成绘制
代码使用方法
- 安装依赖
npm install gykj-map-core --save
- 代码引用
import {DrawAreaControl} from "gykj-map-core"
- 使用控件
let control=new DrawAreaControl((res)=>{
console.log(re)//绘制成功回调
},err=>{
console.log(err)//绘制失败回调
});
map.addControl(control, 'bottom-right');