mapbox js map监听on off 匹配问题

问题缘由请参考如下

mapbox图层的点击事件注册一次之后无法取消的问题

https://blog.csdn.net/weixin_44523653/article/details/103665583

mapbox api中描述

所以listener必须为实名的外部函数，而listener中除了event事件对象，没有可传递参数的位置。如何解决？当map.on和map.off在不同的作用域中时，更加麻烦。

mapbox奇葩的是

on：listener中

_self.popup = new mapboxgl.Popup().setLngLat(_coordinates).setHTML(_showInfo).addTo(_self.map);

off：之后

_self.popup&&_self.popup.remove();

这样一一对应才能够关闭气泡。太狭隘了。。。。。。

整个模块多次进行加载和移除，如果on没有对应的执行off，on里面的listenter函数内容就会被执行多次。

结合以上情况，使用AMD开发时，坑还挺多。解决办法如下

使用临时内部函数处理对象点击，可以调用方法里面的模块局部变量，同时用self提升作用域范围指向外部，供off调用，解决。。。。。。。。。。。。。。。。

！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

查看popup弹出的内容都在div里面，采用最原始的的办法解决，实现所有popup关闭

$(".mapboxgl-popup").remove();