微信小程序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修改元素属性
  • 自动化仪表安装的程序步骤是什么?
  • 热门搜索
    昆明旅游地图 旅游资源分类表 汕尾旅游 西安旅游团 安徽绩溪旅游 太白山旅游 平潭岛旅游 榆林旅游景点大全 湛江旅游地图 去欧洲旅游