设置类属性的事件侦听器

Question

我正在使用Leaflet和Leaflet-geoman以及wfs-t来创建一个可编辑的地图对象。我有一个类EditMap，它有一个叶地图作为属性。我正在尝试监听这个地图上每个类的'pm:create‘事件。下面是我的代码：

class EditMap {
    constructor(map){
        this.map = map;//Leaflet map
    }
    this.map.on('pm:create', e => {
        console.log('Feature created');
    });
}

我收到错误Uncaught :意外的标记'.‘在这一行上：

this.map.on('pm:create', e => {

我想我遗漏了一些简单的东西。我的基本问题可以归结为:如何侦听对象属性上的事件？

Answer 1

在错误的地方

你正在使用一个类，所以你可以这样做：

class EditMap {
  constructor(map) {
    this.map = map;

    this.map.on('pm:create', this.pmCreate)
  }

  pmCreate(e) {
    console.log('Feature created');
  }
}

或者简单地这样做；但是当你添加其他列表器时，它会很快填满：

class EditMap {
  constructor(map) {
    this.map = map; //Leaflet map

    this.map.on('pm:create', e => {
      console.log('Feature created');
    });
  }
}