高德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.previousPolygon
为null
时,调用_this.previousPolygon.getMap()
会引发错误,因为null
没有getMap
这个属性。
因此,你应该在调用_this.previousPolygon.getMap()
之前检查_this.previousPolygon
是否为null
。如果_this.previousPolygon
是null
,就不应该尝试调用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.previousPolygon
是null
,就不会尝试调用getMap
,从而避免出现错误。