码迷,mamicode.com
首页 > 其他好文 > 详细

百度地图热力图

时间:2019-05-11 18:22:36      阅读:949      评论:0      收藏:0      [点我收藏+]

标签:baidu   res   map   初始   int   支持   oom   min   and   

 
<script type="text/javascript" src="//api.map.baidu.com/api?ak=LGiD08FQSqYhur2nOx6oK0gUod2K1TNA&v=2.0"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
const map = new BMap.Map(‘map‘); // 创建地图实例
const point = new BMap.Point(res[0].store_lng, res[0].store_lat); // 创建点坐标
map.centerAndZoom(point, 12); // 初始化地图,设置中心点坐标和地图级别
const points = res;
if (!isSupportCanvas()) {
alert(‘热力图目前只支持有canvas支持的浏览器,您所使用的浏览器不能使用热力图功能~‘)
}
const heatmapOverlay = new BMapLib.HeatmapOverlay({radius: 30});
map.addOverlay(heatmapOverlay);
heatmapOverlay.setDataSet({data: points, max: 100});
// 是否显示热力图
heatmapOverlay.show();
// 判断浏览区是否支持canvas
function isSupportCanvas(){
const elem = document.createElement(‘canvas‘);
return !!(elem.getContext && elem.getContext(‘2d‘));
}

百度地图热力图

标签:baidu   res   map   初始   int   支持   oom   min   and   

原文地址:https://www.cnblogs.com/liubingboke/p/10849176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!