mapbox GL js 中线串周围的可点击区域

Question

我正在使用 mapbox GL js 来显示线串。

这些线串是可点击的，以便在弹出窗口中显示有关线串的各种信息：

      new mapboxgl.Popup()
          .setLngLat(coordinates)
          .setHTML(popup)
          .addTo(map);

但是我感觉弹窗显示的可点击区域很窄。它甚至可以设法在第一次点击时每次显示弹出窗口...

有没有办法扩大这个区域？ 谢谢

Answer 1

我使用的一个常见解决方法是在下面创建第二个 line 层，line-opacity 为 0.01，line-width 为 10。将点击处理程序添加到该行相反。