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

时间:2018-09-04 09:22:24

标签: mapbox geojson mapbox-gl-js

我在地图上有一个简单的多边形,我只想调整边框颜色的宽度。 (geoJSON是外部的),我无法在the API manual中找到它。

This is a link to my example(和来源)。

目前,我用于设置多边形样式的代码是:

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

我应该添加些什么以增加边框的宽度?我还缺少其他简单多边形的样式选项吗? (因为找不到此文档。)

我要在问题下方发布一张图片-基本上在图片的左侧定义了边框,但是如果用户更改视角,则由于宽度太小而难以看清。

geoJSON border issue image

1 个答案:

答案 0 :(得分:4)

由于fill样式的technical reasons,您不能指定大于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/]