百度地图鼠标绘制成功回调处理

一、基础：连接地图、设置鼠标绘制模式

二、绘制成功回调

1、回调

// 完成回调

  DrawingManager.addEventListener('overlaycomplete', (e: any) => {

    overlaycomplete(e);

  });

2、回调处理

let self: any = {};
// 绘制完成
function overlaycomplete(e: any) {
  const { drawingMode, overlay, calculate, label } = e;
  // 点
  if (drawingMode === 'marker') {
    self.overlay = e.overlay;
  }
  // 线
  if (drawingMode === 'polyline') {
    self.polyline = e.overlay.getPath(); // 路径 点集合
    console.log(self.polyline);
  }
  //圆
  if (drawingMode === 'circle') {
    self.radius = e.overlay.getRadius(); // 半径

    //获取中心点
    self.centerlng = e.overlay.getCenter().lng;
    self.centerlat = e.overlay.getCenter().lat;

    self.square = e.overlay.getPath(); // 路径
    console.log(self.radius);
  }
  //矩形
  if (drawingMode === 'rectangle') {
    self.square = e.overlay.getPath();
    console.log(self.square);
  }
  //多边形
  if (drawingMode === 'polygon') {
    self.polysquare = e.overlay.getPath();
    console.log(self.polysquare);
  }
}

三、参考

百度地图绘制工具类 DrawingManager.js 源码-CSDN博客