ts中使用leaflet 插件HeatmapOverlay加载热力图

要在 TypeScript 中使用 Leaflet 插件 HeatmapOverlay 加载热力图，需要先安装 Leaflet 和 HeatmapOverlay 插件的类型定义文件。可以通过以下命令进行安装：

npm install --save-dev @types/leaflet @types/leaflet-heatmap

安装完成后，在 TypeScript 中引入 HeatmapOverlay 插件，并创建一个 HeatmapOverlay 实例，将其添加到地图中即可。以下是一个简单的示例代码：

import * as L from 'leaflet';
import 'leaflet.heatmap';
 
const map = L.map('map').setView([51.505, -0.09], 13);
 
const heatmapData = [
  [51.5, -0.09, 0.5],
  [51.51, -0.1, 0.9],
  [51.49, -0.05, 0.2]
];
 
const heatmapLayer = L.heatLayer(heatmapData).addTo(map);

在上面的代码中，我们首先引入了 Leaflet 和 HeatmapOverlay 插件的类型定义文件。然后，创建了一个 Leaflet 地图，并定义了一个包含热力图数据的数组。最后，使用 L.heatLayer() 创建了一个 HeatmapOverlay 实例，并将其添加到地图中。

需要注意的是，heatmapData 数组中的每个元素都是一个包含三个数值的数组，分别代表热力图点的纬度、经度和权重。权重越高，颜色越深，表示该位置的热度越高。

在实际应用中，可以根据需要调整 HeatmapOverlay 的参数，如半径、最大值、透明度等，以达到更好的效果。