Javascript 对带有贴图框的线使用颜色渐变
如何使用Mapbox GL JS更改线颜色,以使用颜色渐变(从开始到结束)而不是单一颜色进行渲染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' },
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"
]
}
});