Heatmap 热力图

---

演练场

入参

参数名称	类型	必填	默认值	描述
positions	[{x: number, y: number, value: number}]	是	[]	点位数据
options	HeatmapOptions	是	{}	热力图配置
options.radius	number	否	25	半径
options.blur	number	否	0.85	模糊度
options.minOpacity	number	否	0.1	最小透明度
options.maxOpacity	number	否	0.8	最大透明度
options.gradient	Object	否	{ 0.25: "blue", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "#ff0000" }	渐变梯度

属性

属性	类型	读/写	描述
positions	[{x: number, y: number, value: number}]	读写	设置点位数据
radius	number	读写	设置热力图半径
blur	number	读写	设置热力图模糊度
minOpacity	number	读写	设置热力图最小透明度
maxOpacity	number	读写	设置热力图最大透明度

示例

import { Heatmap } from "@m-tech/gis-core";

const heatmap = new Heatmap(
  [
    { x: 114.315782, y: 30.47449, value: 1 },
    { x: 114.315671, y: 30.47349, value: 2 },
  ],
  {
    radius: 25,
    blur: 0.85,
    minOpacity: 0.1,
    maxOpacity: 0.8,
  },
);

// 添加到图层
heatmap.addToLayer(layer);

// 更新点位数据
heatmap.positions = [
  { x: 114.315782, y: 30.47449, value: 1 },
  { x: 114.315671, y: 30.47349, value: 2 },
];