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 = thisif (me.heatmapFlag) {me.heatmapFlag = falseme.heatMao.setDataSet({data:[]})} else {me.heatmapFlag = trueconsole.log(me.heatMaoList,'me.heatMaoList');me.heatMao.setDataSet({data: me.heatMaoList,max: 10 })}},