打开图层拖动缩放在切换按钮中仍处于活动状态

问题描述

我有一个切换按钮，这个按钮有一个用于触发拖动缩放的点击事件。

这是我的HTML代码

<mat-button-toggle mat-raised-button (click)="togglebutton()">
      <mat-icon svgIcon="zoomArea"></mat-icon>
  </mat-button-toggle>

这是我的切换按钮代码

isToggled=false;
  toggleButton() {
    if(!this.isToggled){
       this.mapView?.zoomWindow();
       console.log('first');
    }else{
      this.mapView?.endZoomWindow();
      console.log('second');
    }
    this.isToggled = !this.isToggled;
  }

这是我的 zoomWindow 代码

this.dragZoom = new ol.interaction.DragZoom({
            condition: ol.events.condition.always
        });

        this.olmap.addInteraction(this.dragZoom);

现在如果我点击切换按钮，我只能缩放一次并完成。我无法再次缩放。直到我再次切换按钮并使其再次处于活动状态。

我正在尝试的是如何制作，如果我只是单击切换按钮，它处于活动状态并且我可以多次缩放？当我再次切换按钮时，dragzoom 事件完成。

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）