对Mapbox使用颜色渐变

Question

我如何使用Mapbox GL JS使用颜色渐变而不是单一颜色来渲染（从开始到结束）？{/ 1>

line-color

这可能吗？我宁愿不改变geojson文件。

Answer 1

尚未支持此功能。 请参阅：https://github.com/mapbox/mapbox-gl-js/issues/4095

Answer 2

Try this

map.addLayer({
            'id': 'walking-line',
            'type': 'line',
            'source': 'walking',
            'layout': {
                'line-join': 'round',
                'line-cap': 'round'
            },
            'paint': {
                'line-color': 'red',
                'line-width': 5,
    'line-gradient': [
                    'interpolate',
                    ['linear'],
                    ['line-progress'],
                    0, "blue",
                    0.1, "royalblue",
                    0.3, "cyan",
                    0.5, "lime",
                    0.7, "yellow",
                    1, "red"
                ]
            }
        });