微信小程序map地图组件如何实现禁止缩放与拖动
1、先百度搜索查看 map 地图组件的官方文档,本篇经撰颧幌汪验会使用到的属性包括:latitude(中心纬度),longitude(中心经度),scale(缩放比例),enable-zoom(是否允许缩放),enable-scroll(是否允许拖动)。
2、wxml 中通过 <map> 标签创秃赈沙嚣建一个地图区域,通过内联样式设置其宽高,通过数据绑定设置 latitude,longitude,sca造婷用痃le,enable-zoom 和 enable-scroll 属性。注意:关于数据绑定的具体内容,可以参考如下经验引用。
3、在 js 文件中声明 wmxl 中数据绑定使用的变量的初始值,注意,enable-zoom 和 enable-scroll 绑定的变量初始值为 false,即不允许缩放与拖动。
4、在 wxss 文件中声明 wxml 中所使用的相关样式定义。
5、保存编译后,在模拟器中查看效果,无法通过双击放大地图,也无法拖动地图改变视野,效果符合预期。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:48
阅读量:72
阅读量:26
阅读量:57
阅读量:29