产品服务
解决方案
文档与支持
定价
2D蜂窝热力图
下载开发文档

在地图上绘制2D蜂窝热力图,配置项参考HexagonMapBuilder类。

参数选项:
类名接口方法名称功能解释&使用方法
HexagonMapBuildersetData(data: LatLng[])设置热力图绘制的数据,和weightedData必须设置一个
weightedData(weightData: WeightedLatLng[])设置热力图绘制的数据, 和setData必须设置一个
radiusSize(radius: number)设置热力图点半径,默认200
maxIntensityValue(value: number)设置热力图的最大权重,默认为1
minIntensityValue(value: number)设置热力图的最小权重,一般为0,默认0
opacityValue(opacity: number)设置热力图层透明度,默认 1,可不设置该接口
radiusValue(radius: number)设置热力图点半径,默认为12ps,可不设置该接口
gapValue(gap: number)设置热力图块间距,默认为5
maxShowLevelValue(level: number)设置热力图最大显示层级,默认为22
minShowLevelValue(level: number)设置热力图最小显示层级,默认为4
setGradient(gradient: Gradient)设置热力图颜色
setHexagonType(type: HexagonType)设置蜂窝热力图类型
示例代码如下:
const data = [
{"lng":116.895579,"lat":24.306521},
{"lng":113.951068,"lat":22.772504},
{"lng":110.00006,"lat":40.603564},
{"lng":111.846788,"lat":21.897821}
]
const datas = data.map(item=>new WeightedLatLng(new LatLng(item.lat,item.lng)),1);
this.hexagonMap = new HexagonMapBuilder().setData(datas).radiusValue(radius).gapValue(gap)
.minIntensityValue(minIntensity).maxIntensityValue(maxIntensity)
.minShowLevelValue(minShowLevel)
.maxShowLevelValue(maxShowLevel)
.setHexagonType(hexagonType)
.setGradient(gradient)
.opacityValue(opacity)
.build();
this.mapController.addHexagonMap(this.hexagonMap);
蜂窝热力图效果如下:

上一篇

动态热力图

下一篇

定位图层

本篇文章对您是否有帮助?