前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序之重置map地图缩放比例

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

原创
作者头像
用户6493868
发布2022-03-08 06:48:00
2K0
发布2022-03-08 06:48:00
举报
文章被收录于专栏:vue封装H5vue封装H5
效果图
2022-03-08_064420.png
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: []
    })

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果图
  • 业务场景
  • 实现步骤
    • 页面添加重置按钮并显示在地图右下角
      • js中resetMap方法
        • onload方法中删除地图的所有标注点
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档