Leaflet 热图错误（动态经纬度）

Question

我有一个二维数组位置，其中包含我想在热图中显示的纬度和经度。 我从位置创建了另外 2 个 arrays：

for(var i=0;i<location.length;i++){
  lat_array=location[i][0]
  long_array=location[i][1]
};

let testData = {
  max: 8,
  data: [{lat:lat_array, lng:long_array, count:8}]
}; //Count is random
     
let cfg={
  "radius": 40,
  "maxOpacity": 0.8,
  "scaleRadius": false,
  "useLocalExtrema": false,
  latField: 'lat',
  lngField:'lng',
  valueField:'count'
};

let heatmapLayer =  new HeatmapOverlay(cfg);

mymap.addLayer(heatmapLayer);
heatmapLayer.setData(testData);

当我运行该页面时，我收到一条错误消息，指出经度和纬度不能是 arrays 并且我尝试使用特定值（lat_array [1]，long_array [1]）运行它并且它有效。 所以我试图弄清楚如何在位置数组中添加所有纬度和经度，其值每次都不同。

Answer 1

您的data格式不正确。 您有一个带有单个 object 的数组，其lat和lng属性是lat和lng的 arrays。 您需要一个对象数组，每个 object 的格式为：

[
  {
    lat: latitude_value,
    lng: longitude_value,
    count: count
  },
  {
    lat,
    lng,
    count,
  }
  { ... },
  ...
]

我不确定您的数据来自哪里，或者它采用什么格式，但您需要对其进行操作以使其成为这种格式，以便热图正常工作。