热力图
热力图除了百度地图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 }