在“填充”类型的 mapbox gl js 层中：我们可以控制笔画粗细吗？

Posted 2023-02-16

【中文标题】在“填充”类型的 mapbox gl js 层中：我们可以控制笔画粗细吗？

【英文标题】：In a mapbox gl js layer of type 'fill': Can we control the stroke thickness?

【发布时间】：2018-10-25 09:18:28

【问题描述】：

根据https://www.mapbox.com/mapbox-gl-js/style-spec/，type='fill' 的图层会绘制“带有可选描边边框的填充多边形”。

type: 'fill',
paint: 
  'fill-color': 'orange',
  'fill-opacity': 0.5,
  'fill-outline-color': 'red'

多边形周围的描边被画了，但是很细，所以几乎看不出来。

问题：有没有办法在多边形周围画出更强、更粗的笔触线（笔触）？

我还发现 https://github.com/mapbox/mapbox-gl-js/issues/4087 认为这些设置像现在一样令人困惑。我同意。

【参考方案1】：

根据此评论，笔划当前限制为 1px 宽度（您无法更改宽度）： https://github.com/mapbox/mapbox-gl-js/issues/4088#issuecomment-285801635

您可以在多边形fill 层的顶部使用额外的line 层（使用相同的源）。 这样您就可以使用line-width（对于line 图层）在多边形周围绘制更粗的笔划。