Javascript 对带有贴图框的线使用颜色渐变

Javascript 对带有贴图框的线使用颜色渐变,javascript,colors,gradient,mapbox,mapbox-gl,Javascript,Colors,Gradient,Mapbox,Mapbox Gl,如何使用Mapbox GL JS更改线颜色,以使用颜色渐变(从开始到结束)而不是单一颜色进行渲染 map.addLayer({ 'id': 'walking-line', 'type': 'line', 'source': 'walking', 'layout': { 'line-join': 'round', 'line-cap': 'round' },

如何使用Mapbox GL JS更改线颜色,以使用颜色渐变(从开始到结束)而不是单一颜色进行渲染

    map.addLayer({
        'id': 'walking-line',
        'type': 'line',
        'source': 'walking',
        'layout': {
            'line-join': 'round',
            'line-cap': 'round'
        },
        'paint': {
            'line-color': '#088',
            'line-width': 5
        }
    });
这可能吗?我不希望更改geojson文件。

这(还)不受支持。 见:

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"
                ]
            }
        });