javascript - 接收“坐标必须是两个或多个位置的数组”错误

Question

我正在使用 turf.js 创建一行来显示某人在跟踪其位置时的路径。

我有一个坐标数组数组，如 Turf.js (lineString) 中所示，但我收到此错误：

Uncaught Error: coordinates must be an array of two or more positions

Vuejs -

export default {
  data() {
    return {
      lat: '',
      lng: '',
      locationData: [],
    }
  }
}

线创建方法 -

targetTrackingLine() {
  setTimeout(() => {
    if(this.center !== this.defaultCoordinates) {
      this.locationData.push([this.lng, this.lat])
      turf.lineString([this.locationData], {name: 'line 1'});
    }
}, 1500)}

当我控制台我的 locationData 时我看到了什么

它与这个观察者有关吗？

它与这个观察者有关吗？

标签： javascriptvue.jsgeolocationmapboxturfjs

Answer 1

正确的控制台数据

如您所见，错误不再存在，但我的地图上没有显示任何线条。

另外，正如您在我的 IDE 中看到的那样，似乎我至少需要那个数组

带数组

无数组