你可以在'mouseup'上自动关闭Leaflet EasyButton吗?

时间:2017-06-25 13:19:24

标签: javascript button leaflet

我想让用户能够打开改变EasyButton的状态,在地图上选择一个区域(通过按住shift键并拖动鼠标),然后一旦释放鼠标,就可以轻松实现按钮自动关闭。现在,您打开简易按钮,选择一个区域,为您提供Lat / Long作为边界框。效果很好。但是,当您单击关闭EasyButton时,它会覆盖您的选择(将新坐标分配给您单击EasyButton所在区域)。我的代码:

       //map.on('mouseup', btn.state('ButtonOff')); 

我在绝望的尝试中试过这个并且它给出了一个错误:

        function buttonAutoOff(){
            btn.state('ButtonOff');
         }

我尝试过创建一个函数,它说btn未定义:

{{1}}

我是JavaScript和Leaflet的新手,我必须为我的工作做这件事。我甚至可能要问什么?

谢谢!

1 个答案:

答案 0 :(得分:0)

你应该使用" boxzoomend"事件

map.on('boxzoomend', function(){
  stateChangingButton.state('ButtonOff');
  stateChangingButton.button.style.backgroundColor = 'white';
}); 

jsfiddle示例:https://jsfiddle.net/andrea689/y0xpmpm0/