其实是一个非常愚蠢的错误,但是又不容易发现,
高德地图的插件使用的时候和类不同,需要先引入,
分为异步引入插件
var heatmap;
map.plugin(["AMap.HeatMap"], function () {
//初始化heatmap对象
heatmap = new AMap.HeatMap(map, {
radius: 25, //给定半径
opacity: [0, 0.8]
/*,
gradient:{
0.5: 'blue',
0.65: 'rgb(117,211,248)',
0.7: 'rgb(0, 255, 0)',
0.9: '#ffea00',
1.0: 'red'
}
*/
});
//设置数据集:该数据为北京部分“公园”数据
heatmap.setDataSet({
data: [{
Q: 28.9849,
R: 119.01999999999998,
lat: 28.9849,
lng: 119.02,
count:100000
}],
max: 100
});
});
还有同步引入插件
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.HeatMap"</script>
<script src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>
就是这里边的官网用的v=2.0这个版本号,我用的是旧的版本,就引入失败了,改成2.0版本就好了……
Blocked a frame with origin "null" from accessing a cross-origin frame
Failed to construct 'Request': Referrer 'null' is not a valid URL
这个错误是因为没开服务导致的