小程序之重置map地图缩放比例

效果图

2022-03-08_064420.png

业务场景

我们在map组件查看地图标注点的时候，往往会缩放地图来查看具体的细节，那么这个时候我们需要一个按钮来一键重置地图还原地图缩放比例

实现步骤

页面添加重置按钮并显示在地图右下角

代码语言：javascript复制

<van-button type="primary" bindtap="resetMap" size="small">重置地图</van-button>

js中resetMap方法

代码语言：javascript复制

resetMap() {
      this.setData({
        serchvalue: "",
      });
      this.onLoad();
    },

onload方法中删除地图的所有标注点

代码语言：javascript复制

this.mapCtx.addMarkers({
      clear: true,
      markers: []
    })

map onload 地图

0 人点赞