Нарисуйте несколько линий из одной точки в Mapbox

Я хотел бы создать дерево / цепочку линий в 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,
    },
  });
}

Я также безуспешно пытался заменить переменную CoordList массивом координат nx2:

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

Я не нашел соответствующей информации в документации и прошлых вопросов, поэтому было бы полезно любое указание, как это сделать.


person B. Bob    schedule 30.06.2020    source источник


Ответы (1)


Замена LineString на MultiLineString с использованием указанного выше формата nx2 сработала для этой проблемы.

person B. Bob    schedule 01.07.2020