热力图
地图支持热力图设置。
在地图初始化后进行热力图的加载:
//热力图图层需等地图加载完毕后执行或者按钮点击触发 //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的渐变颜色相对。 });