地图面积计算

基于高德地图，根据用户选点（鼠标移动）创建标注点，满足至少三个标注点时可以形成多边形并计算其面积，采用命令模式实现撤销功能。

功能

• 创建标注点
• 创建标注点之间的连线
• 计算面积
• 撤销及清除重绘

绘制多边形实体类代码

// 画多边形区域类
class DrawPolygon {
  ...

  constructor(map, id) {}

  // 获取实例数据
  getData() {}

  // 判断当前的标注点能否组成图形
  isCanSetPolygon() {}

  // 获取第一个标注点
  getFirstMarker() {}

  // 鼠标点击时生成标注点
  addMarker(lngLat) {}

  // 满足两个点时生成折线
  addLine(last, current, lineStyle = "solid") {}

  // 删除连线
  removeLine() {}

  // 判断能否形成多边形
  canCalcArea() {}

  // 生成多边形并计算面积
  addPolygon() {}
}

效果展示