微信小程序map地图组件如何实现禁止缩放与拖动

 时间:2026-04-22 12:36:21

1、先百度搜索查看 map 地图组件的官方文档,本篇经验会使用到的属性包括:latitude(中心纬度),longitude(中心经度),scale(缩放比例),enable-zoom(是否允许缩放),enable-scroll(是否允许拖动)。

微信小程序map地图组件如何实现禁止缩放与拖动

2、wxml 中通过 <map> 标签创建一个地图区域,通过内联样式设置其宽高,通过数据绑定设置 latitude,longitude,scale,enable-zoom 和 enable-scroll 属性。注意:关于数据绑定的具体内容,可以参考如下经验引用。

 

微信小程序map地图组件如何实现禁止缩放与拖动

3、在 js 文件中声明 wmxl 中数据绑定使用的变量的初始值,注意,enable-zoom 和 enable-scroll 绑定的变量初始值为 false,即不允许缩放与拖动。

微信小程序map地图组件如何实现禁止缩放与拖动

4、在 wxss 文件中声明 wxml 中所使用的相关样式定义。

微信小程序map地图组件如何实现禁止缩放与拖动

5、保存编译后,在模拟器中查看效果,无法通过双击放大地图,也无法拖动地图改变视野,效果符合预期。

微信小程序map地图组件如何实现禁止缩放与拖动

  • 面瘫的中医认识和治疗
  • python使用xlwt模块写excel文件
  • 迅为6818开发板Android7.1系统烧写方法
  • javascript修改元素属性
  • 自动化仪表安装的程序步骤是什么?
  • 热门搜索
    排卵试纸怎么看是排卵 芒果怎么切 阳光车险怎么样 你为什么说谎 牛腱子肉怎么做好吃 总胆红素高是怎么回事 胡萝卜泥的做法 张国荣为什么跳楼 few怎么读 张起灵为什么长生不老