热力图
地图支持热力图设置。
在地图初始化后进行热力图的加载:
//热力图图层需等地图加载完毕后执行或者按钮点击触发
//map.on('load',()=>{
// 请此处添加热力图图层加载操作
//})
//testJson是热力图数据的数组对象,{lng:经度,lat:纬度,count:对应经纬度的热力图数值}
window.testJson = [{"lng":116.191031,"lat":39.988585,"count":40},{"lng":116.389275,"lat":39.925818,"count":51},{"lng":116.287444,"lat":39.810742,"count":62},{"lng":116.481707,"lat":39.940089,"count":73},{"lng":116.410588,"lat":39.880172,"count":84}];
heatmap = new nimap.Heatmap(map, {
radius: 25, //一个热图点的影响半径(以像素为单位),会以此点的25个像素内的热图从中心点慢慢向外扩散
opacity: 0.8, // 图层的透明度
gradient: { // 图层的颜色区间,与下方的max相结合,是下方max的值乘以该系数,如果最终的count值在对应的空间,即代表对应的颜色
0.2: 'blue',
0.4: 'rgb(117,211,248)',
0.6: 'rgb(0, 255, 0)',
0.8: '#ffea00',
1.0: 'red'
}
});
heatmap.setDataSet({
data: window.testJson, // 测试数。格式[{"lng":116.191031,"lat":39.988585,"count":10},{"lng":116.389275,"lat":39.925818,"count":11}]
max: 100 //与上方的gradient的渐变颜色相对。
});
