Custom control to add tooltip to feature

[cannibalflea]

I am trying to add a custom control to add tooltips to features drawn on the map. I have setup the afterClick function like:

if (obj.button._button.toggleStatus) {
  // add click listener to set tooltip text
  map.pm.getGeomanLayers(true).on('click', addTooltip);
} else {
  map.pm.getGeomanLayers(true).off('click', addTooltip);
}

I know that when the button toggles off it does call the off method but it doesn't seem like the event listener is being removed or at least is propagated to each feature. I am not sure what I'm doing wrong.

[Falke-Design]

I suggest you to add the event directly to the layer instead to the group:

  const addTooltip = (e)=>{
    var layer = e.target;
    layer.bindTooltip('TEST',{permanent: true}).openTooltip();
  };

  const afterClick  = (e, obj)=>{
    if (obj.button._button.toggleStatus) {
      map.pm.getGeomanLayers().forEach((layer)=>{
        layer.on('click', addTooltip);
      })
    } else {
      map.pm.getGeomanLayers().forEach((layer)=>{
        layer.off('click', addTooltip);
        layer.unbindTooltip(); // remove existing tooltips
      })
    }
  };

  map.pm.Toolbar.createCustomControl({name: 'test', afterClick});