热力图

热力图除了百度地图api外,还需单独引入一个js
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=K8Tbhgiqnye40mNodYv9ox8i"></script>
1
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script> 2 3 //组织数据 4 for(var i=0;i<infoArray.length;i++){ 5 var info = infoArray[i]; 6 // console.log(info); 7 var pt = {"lng":info.lng,"lat":info.lat,"count":info.billMoney};  //count 权重 8 points.push(pt); 9 10 mapPanel.points.push(info); 11 } 12 view.showReli(500000,points,map);

显示热力图

1 showReli:function(maxCount,points,map){
2         var heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":30,"visible":true, "opacity":70});
3         map.addOverlay(heatmapOverlay);
4         heatmapOverlay.setDataSet({'data':points,'max':maxCount});  //最大权重值:maxCount
5     }

 

posted on 2014-09-29 16:18  看天空的星星  阅读(1238)  评论(0编辑  收藏  举报

导航