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

 时间:2024-10-30 06:45:20

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修改元素属性
  • 自动化仪表安装的程序步骤是什么?
  • 热门搜索
    三亚旅游职业学院 云南旅游信息 漳州火山岛旅游攻略 秋季旅游好去处 嘉兴旅游网 四川旅游信息网 坝美最佳旅游时间 莲花山旅游区 延安 旅游 广东省旅游局政务网