Skip to content

Heatmap

说明

Heatmap 是一个热力图插件,用于在地图上渲染热力图效果。热力图通常用于可视化数据的密度分布,例如人流密度、温度分布等。

构造函数

typescript
new Heatmap(bmap: BMap);

参数

参数类型说明默认值
bmapBMap地图实例-

返回值

Heatmap 热力图插件实例

属性

方法

addHeatmap

typescript
addHeatmap(data: HeatmapDataParam & { maxValue?: number, minValue?: number }, floor: Floor): void;

添加热力图到指定楼层

参数

参数类型说明默认值
dataHeatmapDataParam & { maxValue?: number, minValue?: number }热力图数据,包含点数据和可选的最大最小值-
floorFloor目标楼层-

返回值

示例

typescript
const heatmap = new Heatmap(bmap);
const heatmapData = {
  data: [
    { x: 100, y: 100, value: 50 },
    { x: 200, y: 200, value: 80 },
    { x: 300, y: 150, value: 100 }
  ],
  maxValue: 100,
  minValue: 0
};

const floor = bmap.context.currentFloor; // 获取当前楼层
heatmap.addHeatmap(heatmapData, floor);

removeHeatMap

typescript
removeHeatMap(): void

移除当前热力图

参数

返回值

dispose

typescript
dispose(): void

销毁热力图插件,释放资源

参数

返回值

类型定义

HeatmapDataParam

热力图数据参数类型

typescript
type HeatmapDataParam = HeatmapData<DataPoint<V, X, Y>> & {
  maxValue?: number,
  minValue?: number
}

其中:

  • data: 热力图点数据数组
    • x: 点的x坐标
    • y: 点的y坐标
    • value: 点的值(用于热力图颜色计算)
  • maxValue(可选): 热力图数据中的最大值
  • minValue(可选): 热力图数据中的最小值