高德地图点击按钮,控制高德地图上的热力图显示与隐藏

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 })
      }
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值