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

【问题标题】：Clickable area around linestring in mapbox GL jsmapbox GL js中线串周围的可点击区域
【发布时间】：2021-05-14 05:09:58
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：