高德地图清除多边形报错

高德1.4.15版本清除前一个多边形,previousPolygon.setMap(null)或者map.remove(previousPolygon)又或者map.remove([previousPolygon]),之后地图操作都会报错Cannot read properties of null (reading 'Ud')


```javascript
mouseTool.on('draw', function(event) {
          var polygon = event.obj; // 获取当前绘制的多边形对象
          if(_this.previousPolygon  && _this.previousPolygon.getMap()){
            _this.map.remove(_this.previousPolygon)
            // _this.previousPolygon.setMap(null)
          //_this.map.remove([_this.previousPolygon])
          }
          _this.previousPolygon=polygon
        })


从你提供的代码来看,问题可能出在_this.previousPolygon被重新赋值为新的多边形对象后,你尝试移除之前的_this.previousPolygon。这是因为在JavaScript中,变量是按值传递的,所以当你改变_this.previousPolygon的值时,不会影响之前移除的对象。

根据你的需求,每次在绘制新的多边形之前,你需要移除前一个多边形。以下是修复此问题的一种可能的代码更改:

mouseTool.on('draw', function(event) {
    var polygon = event.obj; // 获取当前绘制的多边形对象
    if(_this.previousPolygon  && _this.previousPolygon.getMap()){
        // 将前一个多边形的引用保存在一个临时变量中
        var tempPolygon = _this.previousPolygon;
        _this.map.remove(tempPolygon);
    }
    _this.previousPolygon = polygon;
});

在这段代码中,我创建了一个临时变量tempPolygon来保存_this.previousPolygon的引用,然后使用这个引用来移除前一个多边形。这样,你就可以确保在移除前一个多边形后,再将其引用保存在_this.previousPolygon中。

从你提供的代码和错误信息来看,问题可能出在_this.previousPolygon.getMap()的返回值上。当_this.previousPolygonnull时,调用_this.previousPolygon.getMap()会引发错误,因为null没有getMap这个属性。

因此,你应该在调用_this.previousPolygon.getMap()之前检查_this.previousPolygon是否为null。如果_this.previousPolygonnull,就不应该尝试调用getMap

这是修改后的代码:

mouseTool.on('draw', function(event) {
      var polygon = event.obj; // 获取当前绘制的多边形对象
      if(_this.previousPolygon  && _this.previousPolygon != null){
        _this.map.remove(_this.previousPolygon)
        // _this.previousPolygon.setMap(null)
      //_this.map.remove([_this.previousPolygon])
      }
      _this.previousPolygon=polygon
    })

这段代码首先检查_this.previousPolygon是否为null,然后再尝试调用_this.previousPolygon.getMap()。这样,如果_this.previousPolygonnull,就不会尝试调用getMap,从而避免出现错误。