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

【问题标题】：Draw multiple lines from one point in Mapbox在 Mapbox 中从一个点绘制多条线
【发布时间】：2020-06-30 20:23:10
【问题描述】：

我想在 Mapbox 中创建一个树/线链，其中多条线将从一个点或标记分支出来，如下所示：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 坐标数组替换坐标列表变量，但没有成功：

[[[lat1,lng1],[lat2,lng2]],[[lat1,lng1],[lat3,lng3]]]

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

【问题讨论】：

标签： mapbox mapbox-gl-js mapbox-marker

【解决方案1】：

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

【讨论】：