微信小程序中Map组件Marker中把Label文字信息通过按钮显示或隐藏

最新推荐文章于 2024-12-25 17:47:01 发布

原创

最新推荐文章于 2024-12-25 17:47:01 发布 · 788 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

wxml页面按钮

<button bindtap="toggleLabel">Toggle Label</button>

data:{
   
   
	labelMarkerId: null  // 记录当前显示文本的标记的 id
},
//按钮切换显示
toggleLabel() {
   
   
  // 判断当前是否有显示的文本标记
  if (this.data.labelMarkerId !== null) {
   
   
    // 如果有，移除文本标记
    this.removeLabel();
  } else {
   
   
    let res = {
   
   
      latitude: this.data.lat,
      longitude: this.data.lng
    }
    this.getBallCourtInfoByPoint(res)
  }
},
//删除标注的字体
removeLabel() {