如何收听由谷歌地图中的代码创建的多边形的insert_at

Question

我有一个谷歌地图，我使用drawingManager在地图上绘制，并注册侦听器来捕获insert_at，set_at和remove_at，一切都很好。

google.maps.event.addListener( this.drawingManager, 'overlaycomplete', (event) => {
        if (event.type === google.maps.drawing.OverlayType.POLYGON) {
          const paths = event.overlay.getPaths();
          for (let p = 0; p < paths.getLength(); p++) {

     google.maps.event.addListener(paths.getAt(p), 'insert_at', () => {
                console.log('We inserted a point');
                self.updatePointList(event.overlay.getPath());
              }
            );

但我也会从用户之前保存的DB中加载Polygon，并注册侦听器。例如，问题是insert_at不能工作。dragstart和dragend工作正常。那么如何在通过代码而不是drawingManager创建的多边形上注册insert_at的侦听器呢？

loadPolygon() {
    const polygon = new google.maps.Polygon({
      draggable: true,
      editable: true,
      paths: this.polygonPts,
      strokeOpacity: 0.8,
      strokeWeight: 3,
      fillOpacity: 0.35
    });
    google.maps.event.addListener(polygon, 'dragstart', () => {
      console.log('Polygon started drag');
    });
    google.maps.event.addListener(polygon, 'insert_at', () => {
      console.log('We inserted a point');
    }
  );
    google.maps.event.addListener(polygon, 'dragend', () => {
    console.log('Polygon moved finished drag');  
  });
    polygon.setMap(this.map);
  }

Answer 1

在尝试了一段时间后，我找到了如何让这些事件侦听器在由代码生成时工作的答案。

 const paths = polygon.getPaths();
    for (let p = 0; p < paths.getLength(); p++) {

      google.maps.event.addListener(paths.getAt(p), 'insert_at', () => {
        console.log('We inserted a point');
      });

      google.maps.event.addListener(paths.getAt(p), 'remove_at', () => {
        console.log('We removed a point');
      });

      google.maps.event.addListener(paths.getAt(p), 'set_at', () => {
        console.log('We set a point');
      });
    }