Mapbox侧面板和多边形交互

Question

我试图在侧面板上的图像和地图上的多边形之间进行交互，因此当通过mousescroll移动侧面板时，相应的多边形将被聚焦。

根据需要，我的current attempt无法响应mousescrolls。还有另一种方法，而不是我采取的方法吗？

{{1}}

Answer 1

我建议您使用debounce功能。去抖功能限制功能可以触发的速率。我们的想法是，每次触发鼠标滚轮事件时都不会使多边形聚焦，而是将其聚焦于一种冷却时间。

去抖动功能已经在许多库中实现，例如在lodash中。您所要做的就是将mousewheel回调包装在其中。类似的东西：

$('.sidebar').bind('mousewheel', _.debounce(function(e){
   $("#help").html(' '); 
   ... 
), 100});

注意options param，在lodash实现中，很可能你想使用其中一个，例如maxWait。