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

Question

我想在 Mapbox 中创建 tree/chain 行，其中多行会从一个点或标记分支出来，如下所示：Europe Map

我可以用线串创建一个简单的线：

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]]]

我没有在文档和过去的问题中找到相关信息，因此有关如何执行此操作的任何指导都会有所帮助。

Answer 1

使用上面的 nx2 格式将“LineString”替换为“MultiLineString”解决了这个问题

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

Draw multiple lines from one point in Mapbox

mapbox

mapbox-gl-js

mapbox-marker