Mapbox GL JS：更改多边形边框宽度

Question

我在地图上有一个简单的多边形，我只想调整边框颜色宽度。（geoJSON 是外部的）我无法在 the API manual.

中找到它

目前我的多边形样式代码是：

'paint': {
'fill-color': 'rgba(60, 120, 40, 0.4)',
'fill-outline-color': 'rgba(20, 100, 25, 1)'
}

我应该添加什么来增加边框的宽度？我缺少其他简单多边形的样式选项吗？（因为我找不到这方面的文档。）

我在我的问题下方发布了一张图片 - 基本上图片左侧的边框定义明确，但如果用户改变视角，则很难看到，因为宽度太小。

Answer 1

由于 technical reasons 用于 fill 样式，您不能指定大于 1 的边框宽度。使用带有线条样式的附加层：

  map.addLayer({
    'id': 'states-layer-outline',
    'type': 'line',
    'source': {
      'type': 'geojson',
      'data': 'test.js'
    },
    'paint': {
      'line-color': 'rgba(255, 0, 0, 1)',
      'line-width': 4
    }
  });

[https://jsfiddle.net/tny37kbu/]

Mapbox GL JS：更改多边形边框宽度

Mapbox GL JS : Changing polygon border width

geojson

mapbox

mapbox-gl-js