在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:heatmap-amap.js开源软件地址:https://gitee.com/zjzhome/heatmap-amap.js开源软件介绍:高德地图JS API V1.3的热力图实现,基于第三方库heatmap.js(官网地址:http://www.patrick-wied.at/static/heatmapjs/)。 ##使用方法:
<script src="http://webapi.amap.com/maps?v=1.3&key=yourkey"></script><script src="heatmap-amap.js"></script>
/* * map:地图对象 * opts:可选参数,其中 * radius:热力图每个点的半径 * visible:热力图是否显示 * opacity:热力图的透明度,取值范围0~100 * gradient:热力图的渐变区间 * 可参考heatmap.js的文档:https://github.com/pa7/heatmap.js/blob/master/README.md */ var config = { radius: 30, visible: true, opacity: 40, gradient: { 0.45: 'rgb(0,0,255)', 0.55: 'rgb(0,255,255)', 0.65: 'rgb(0,255,0)', 0.95: 'yellow', 1.0: 'rgb(255,0,0)' } }; var heatmap = new AMap.Heatmap(map, config);
heatmap.start();
var obj = { max: 90, //权重最大值 //lng为精度值,lat为纬度值,count为权重 data: [ {lng:114.169922, lat:30.606004, count: 80}, {lng:114.322357, lat:30.640275, count: 60}, {lng:114.33197, lat:30.556348, count: 90}, ... ] }; //调用setDataSet()方法即可显示。 heatmap.setDataSet(obj); 效果图API说明heatmap-amap.js还暴露了一些方法。
|
请发表评论