从Mapbox中的一个点绘制多条线
我想在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
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”可以解决此问题