传单热图错误（动态经度和纬度）答案

【问题标题】：Leaflet Heatmap Error ( Dynamic longitudes and latitudes)传单热图错误（动态经度和纬度）
【发布时间】：2021-01-10 21:35:21
【问题描述】：

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

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);

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

【问题讨论】：

标签： javascript leaflet heatmap

【解决方案1】：

您的data 格式不正确。您有一个包含单个对象的数组，其lat 和lng 属性是lats 和lngs 的数组。你需要一个对象数组，每个对象的格式：

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

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

【讨论】：