您现在的位置:

热力图

地图支持热力图设置。

在地图初始化后进行热力图的加载:

                    //热力图图层需等地图加载完毕后执行或者按钮点击触发
                    //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的渐变颜色相对。
                    });
                
返回顶部