Javascript 如何在mapbox gl js的单个图层中使用多条线？

Mapbox使用源和图层在地图上绘制圆、线等。我很难理解源代码和图层id。从示例和教程中可以看出，图层定义了数据在地图上的显示方式，而源代码定义了该图层的数据

我可以在地图上有多个来源和图层

我想在地图上创建多行图层，所以我这样做了

map.addSource（'11111111'{
'type'：'geojson'，
“数据”：{
“类型”：“特征”，
“属性”：{}，
“几何学”：{
'type'：'LineString'，
“坐标”：[
[76.993894,31.781929]
]
}
}
});
map.addLayer({
'id'：'11111111'，
“类型”：“行”，
‘来源’：‘11111111’，
“布局”：{
“直线连接”：“圆形”，
“线帽”：“圆形”
},
“油漆”：{
“线条颜色”：“红色”，
“线宽”：4
}
});

这里addSource方法采用源id

（11111111）

。

---

如何在一个层中添加多行源，因为每个源必须具有唯一的id。

通过使用

---

下面是一个工作示例：

我不明白“如何在一个层中添加多个线源，因为每个源必须具有唯一的id”。您是否能够以不同的方式表达这一点？你想达到什么目的？我想同时在地图上添加多条线。每个源都应该有一个唯一的id作为mapbox文档。层还需要源id来渲染线。所以，我的问题是，我可以在一个图层上添加多个源吗。我不想为每个源创建单独的层。

map.addSource('multiple-lines-source', {
  'type': 'geojson',
  'data': {
    'type': 'FeatureCollection',
    'features': [
      {
        'type': 'Feature',
        'properties': {},
        'geometry': {
          'type': 'LineString',
          'coordinates': [
            [-104.4140625, 43.32517767999296],
            [-58.35937499999999, -9.79567758282973]
          ]
        }
      },
      {
        'type': 'Feature',
        'properties': {},
        'geometry': {
          'type': 'LineString',
          'coordinates': [
            [20.390625, 10.487811882056695],
            [15.468749999999998, 49.83798245308484]
          ]
        }
      }
    ]
  }
});