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

Posted 2023-02-23

【中文标题】mapbox GL js中线串周围的可点击区域

【英文标题】：Clickable area around linestring in mapbox 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。将点击处理程序添加到该行。