1、定义按钮,绑定事件
<a-button class="btn2" @click="ontimeHeatmap">实时人口热力图</a-button>
2、在data中定义变量,控制热力图显示与隐藏
heatmapFlag: true,
3、在方法中,因为变量默认为true,所以第一次点击的时候状态改为false,热力图的数据置空。当状态为false的时候再点击的时候走else条件判断,这个时候再变为true,重置热力图的数据。
备注:网上有方法置空热力图是用 me.heatMao.setMap(null),但是再显示的时候应该怎么做,我试了很久没有写出来,如果有懂的还望不吝赐教
ontimeHeatmap() {
let me = this
if (me.heatmapFlag) {
me.heatmapFlag = false
me.heatMao.setDataSet({data:[]})
} else {
me.heatmapFlag = true
console.log(me.heatMaoList,'me.heatMaoList');
me.heatMao.setDataSet({ data: me.heatMaoList,max: 10 })
}
},