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

的有关信息介绍如下：

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

本篇经验将分享 map 地图组件的特殊应用：如何实现禁止地图的缩放与拖动。注意：通过小程序地图组件创建的地图区域默认支持缩放与拖动。

该经验基于第一个手工构建的微信小程序，具体构建步骤，可参考如下经验引用。

0微信小程序开发实战--手工开发第一个小程序

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

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

0微信小程序开发实战--WXML数据绑定特性的使用

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

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

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