如何在TWebLeafletMaps组件中使用自定义坐标绘制线条？

TJSArray的结构解析 #

你提到的TJSArray本质就是一个存储地理坐标点的数组，每个元素是包含lat（纬度）和lon（经度）属性的对象，结构非常直观：

// 示例TJSArray结构
const sampleCoords = [
  { lat: 40.7128, lon: -74.0060 },
  { lat: 34.0522, lon: -118.2437 }
];

无需GPX文件的调用方法 #

直接手动构造符合上述结构的坐标数组，就能传给AddPolyLine函数绘制线条。这里给个实际代码示例：

// 自定义路线坐标
const myRoute = [
  { lat: 51.5074, lon: -0.1278 }, // 伦敦
  { lat: 48.8566, lon: 2.3522 },  // 巴黎
  { lat: 52.5200, lon: 13.4050 }  // 柏林
];

// 调用AddPolyLine绘制
AddPolyLine(myRoute, {
  color: "#FF5733",
  width: 4,
  opacity: 0.7
});

关键注意点 #

• 坐标值必须有效：纬度范围是-90到90，经度是-180到180，超出范围可能导致绘制异常
• 第二个参数的配置项（颜色、宽度等）取决于你使用的具体库/框架，可根据实际需求调整

内容的提问来源于stack exchange，提问作者Shaun Roselt