正在微信小步调中运用腾讯舆图,可以通过以下办法设置舆图的 scrollEnabled 属性: 1. 正在 wVml 文件中引入腾讯舆图组件 ```html <!-- 引入腾讯舆图组件 --> <tV-map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" enable-3D="{{enable3D}}" show-compass="{{showCompass}}" show-scale="{{showScale}}" markers="{{markers}}" bindtouchstart="mapTouchStart" bindtouchmoZZZe="mapTouchMoZZZe" bindtouchend="mapTouchEnd" bindregionchange="regionChange" bindtap="mapTap" bindmarkertap="markerTap" bindcallouttap="calloutTap" bindcontroltap="controlTap" ></tV-map> ``` 2. 正在 js 文件中设置舆图的 scrollEnabled 属性 ```jaZZZascript Page({ data: { longitude: 113.324520, latitude: 23.099994, scale: 14, scrollEnabled: true, markers: [{ id: 1, latitude: 23.099994, longitude: 113.324520, title: 'marker', callout: { content: '我是一个气泡', color: '#ffffff', fontSize: 14, borderRadius: 5, bgColor: '#000000', padding: 10, display: 'ALWAYS' } }] }, mapTouchStart(e) { console.log('map touch start', e) }, mapTouchMoZZZe(e) { console.log('map touch moZZZe', e) if (this.data.scrollEnabled) { // 假如 scrollEnabled 为 true,则允许舆图滑动 return } else { // 假如 scrollEnabled 为 false,则制行舆图滑动 e.preZZZentDefault() } }, mapTouchEnd(e) { console.log('map touch end', e) }, regionChange(e) { console.log('region change', e) }, mapTap(e) { console.log('map tap', e) }, markerTap(e) { console.log('marker tap', e) }, calloutTap(e) { console.log('callout tap', e) }, controlTap(e) { console.log('control tap', e) }, toggleScroll() { // 切换 scrollEnabled 属性的值 this.setData({ scrollEnabled: !this.data.scrollEnabled }) } }) ``` 正在以上代码中,咱们通过设置 data 中的 scrollEnabled 属性来控制舆图的滑动,同时正在 mapTouchMoZZZe 变乱中判断 scrollEnabled 属性的值,假如为 true,则允许舆图滑动,否则制行舆图滑动。同时,咱们正在 toggleScroll 办法中切换 scrollEnabled 属性的值,来动态控制舆图的滑动。 (责任编辑:) |