1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 高德地图点击按钮 控制高德地图上的热力图显示与隐藏

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

时间:2023-01-05 19:42:57

相关推荐

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

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 })}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。