从Mapbox中的一个点绘制多条线

从Mapbox中的一个点绘制多条线,mapbox,mapbox-gl-js,mapbox-marker,Mapbox,Mapbox Gl Js,Mapbox Marker,我想在Mapbox中创建一个线树/线链,其中多条线从一个点或标记分支出来,如下所示: 我可以创建一个带有行字符串的简单行: map.on("load", function () { addLines(); }); function addLines() { console.log(coordinateList); map.addSource("route", { type: "geojson", da

我想在Mapbox中创建一个线树/线链,其中多条线从一个点或标记分支出来,如下所示:

我可以创建一个带有行字符串的简单行:

map.on("load", function () {
    addLines();
  });
function addLines() {
  console.log(coordinateList);
  map.addSource("route", {
    type: "geojson",
    data: {
      type: "Feature",
      properties: {},
      geometry: {
        type: "LineString",
        coordinates: coordinateList,
      },
    },
  });
  map.addLayer({
    id: "route",
    type: "line",
    source: "route",
    layout: {
      "line-join": "round",
      "line-cap": "round",
    },
    paint: {
      "line-color": "#a1c2f7",
      "line-width": 4,
    },
  });
}
我还尝试用nx2坐标数组替换coordinateList变量,但没有成功:

[[[lat1,lng1],[lat2,lng2]],[[lat1,lng1],[lat3,lng3]]] 
我在文档和过去的问题中没有找到相关信息,因此任何关于如何执行此操作的指导都会有所帮助。

使用上述nx2格式将“LineString”替换为“MultiLineString”可以解决此问题