ts中如何使用leaflet的HeatmapOverlay加载热力图

要在 TypeScript 中使用 Leaflet 的 HeatmapOverlay 加载热力图，你需要先安装 Leaflet 和 leaflet-heatmap 库。

可以使用以下命令来安装：

npm install leaflet
npm install leaflet-heatmap

然后，你需要在 TypeScript 中导入这两个库：

import * as L from 'leaflet';
import 'leaflet-heatmap';

接下来，你可以创建一个热力图层，并将其添加到地图上，如下所示：

const map = L.map('map').setView([51.505, -0.09], 13);
const data = [[51.5, -0.09, 0.5], [51.51, -0.1, 0.2], [51.49, -0.05, 0.9]];
const heatmapLayer = L.heatLayer(data, { radius: 20 });
heatmapLayer.addTo(map);

在上面的示例中，我们使用 `L.heatLayer` 函数创建一个热力图层，并使用 `addTo` 函数将其添加到地图上。

`L.heatLayer` 函数接受两个参数：

- 数据数组：由 `[lat, lng, value]` 三元组组成的数组，其中 `lat` 和 `lng` 是坐标，`value` 是权重值；
- 配置对象：包含热力图的配置选项，如 `radius`、`maxZoom`、`blur`、`gradient` 等。

以上就是在 TypeScript 中使用 Leaflet 的 HeatmapOverlay 加载热力图的基本步骤。