angularjs - Angular-Leaflet 热图数据更新

Question

我正在使用 Angular-Leaflet 指令来显示热图，我希望数据随时间变化。我的代码如下所示:

getData().then(function (data) {
    $scope.heat.index = 0;
    $scope.heat.data = data;
    $scope.layers.overlays.heat = {
        name: "Heatmap",
        type: "heat",
        data: $scope.heat.data[$scope.heat.index],  // data is a dictionary, not an array
        visible: true
    };
    $scope.$watch('heat.index', function (new_index) {
        $scope.layers.overlays.heat.data = $scope.heat.data[new_index];
    });
});

但是，当我更改 data.index(通过 slider )时，没有任何反应。可能发生了什么？我知道 Angular-Leaflet 支持这种行为是因为 this Github issue有人添加它的地方。

Answer 1

leafletData.getMap().then(function (map) {
  map.eachLayer(function (layer) {
    if (layer.options.layerName == 'heatmap') {
       layer.setLatLngs(newHeatmapData);
    }
  })
})

这对我有用。

Leaflet.heat 提供了一个 redraw() 方法，但它对我不起作用。