这种效果如何实现的
这个是我由两个图层做出效果 颜色之类的可以修改 (如果想发光更亮就可以用更多图层,更低的透明度,加上模糊程度,最关键的白线色图层要最后再加)
1:先创建一个颜色为绿色 宽度为8的图层 模糊程度可以设置为3
map.addLayer({
"id": "route",
"type": "line",
"source": {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "LineString",
"coordinates": arr
}
}
},
"layout": {
"line-join": "round",
"line-cap": "round"
},
"paint": {
"line-color": "#7DF9A6",
"line-width": 8,
"line-opacity": 0.4
}
});
2:创建一个颜色为白色 宽度为1的图层 (点睛之笔)
map.addLayer({
"id": "route2",
"type": "line",
"source": {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "LineString",
"coordinates": arr
}
}
},
"layout": {
"line-join": "round",
"line-cap": "round"
},
"paint": {
"line-color": "#fff",
"line-width": 1
}
});