前一阵子在使用antVL7进行地图可视化开发时遇到一些问题,这里总结记录一下
经典热力图展示问题
首先是基本用法
1
2
3
4
5
6
7
8 const myHeatmapLayer = new HeatmapLayer()
.source(data)
.shape('heatmap')
.size('demonum', [0, 1.0])
.style({
// 具体色带,热力图最小半径等配置,可以自行去官网查看
......
})上述代码 data 是一个由多个 feature 点构成的 geojson 格式数据;
其中 demonum 是上述数据中 feature 属性即feature.properties.demonum字段大小(必须为数字类型,可以遍历使用Number()操作)
由于有多个 feature, 所以热力图 将根据每个 feature 中的 demonum 字段大小作为热力值进行绘制