小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在使用map组件时,要实现用户手动缩放地图后,想一键调整到某个scale值(比如scale=3),这个要怎样实现?
btw,setdata scale没有反应。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
吧你代码贴出来,我试了一下可以的。
<map id="myMap" scale="{{mapScale}}"></map>
data:{ mapScale:14,}
setMapScale: function (e) {
this.setData({
mapScale:25,
});
},
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
show_all(e){
var t =this
console.log('show_all')
t.setData({scale:3})
<map
id="map"
subkey="HPRBZ-36ZCU-5P5VW-BFVPM-7YX3V-HMBWT"
layer-style="2"
longitude="{{my_longitude}}"
latitude="{{my_latitude}}"
scale="{{scale}}"
markers="{{markers}}"
enable-poi="{{false}}"
show-location
style="width: 100%; height: 60vh;">
</map>
<cover-view bindtap="show_all" class="margin-left text-white" style="width: 20%;display:flex;flex-direction:row;justify-content:center;align-items:center;">
<cover-view style="border: 1rpx white solid;border-radius: 20%;"> <cover-view style="margin: 5rpx;">全景</cover-view> </cover-view>
</cover-view>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
吧你代码贴出来,我试了一下可以的。
<map id="myMap" scale="{{mapScale}}"></map>
data:{ mapScale:14,}
setMapScale: function (e) {
this.setData({
mapScale:25,
});
},
show_all(e){
var t =this
console.log('show_all')
t.setData({scale:3})
},
<map
id="map"
subkey="HPRBZ-36ZCU-5P5VW-BFVPM-7YX3V-HMBWT"
layer-style="2"
longitude="{{my_longitude}}"
latitude="{{my_latitude}}"
scale="{{scale}}"
markers="{{markers}}"
enable-poi="{{false}}"
show-location
style="width: 100%; height: 60vh;">
</map>
<cover-view bindtap="show_all" class="margin-left text-white" style="width: 20%;display:flex;flex-direction:row;justify-content:center;align-items:center;">
<cover-view style="border: 1rpx white solid;border-radius: 20%;"> <cover-view style="margin: 5rpx;">全景</cover-view> </cover-view>
</cover-view>