代码如上
gweii
- 发布：2021-06-24 17:49
- 更新：2021-06-25 09:39
- 阅读：1412
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Catalina 10.15.5
HBuilderX类型： 正式
HBuilderX版本号： 3.1.18
第三方开发者工具版本号： 1.05.2105170
基础库版本号： 2.17.0
项目创建方式： HBuilderX
操作步骤：
预期结果：
设置map的scale属性后，地图会缩放到指定的scale
设置map的scale属性后，地图会缩放到指定的scale
实际结果：
实际上并没有缩放
实际上并没有缩放
bug描述：
代码基本结构如下，调用this.setScale()方法设置缩放等级，实际没有改变，调用mapContext.getScale()返回的结果也是没变。
<template>
<map id="map1" ref="map1" :scale="initScale" :show-location="showLocation" :show-compass="true"
:style="{height: mapHeight + 'px', width: '100vw'}"
/>
</template>
<script>
export default {
data() {
return {
initScale: 16,
showLocation: true
};
},
computed: {
mapHeight() {
const height = 500; // 设置地图高度
return height;
}
},
methods: {
setScale(scale) {
// 设置缩放等级
this.initScale = scale;
}
}
}
</script>
1 个回复
gweii (作者)
重新测试了一下，scale属性绑定变量的新值必须跟当前值不一样才会生效。比如以上代码中initScale被设置为20，用户手工缩放地图后，重新设置initScale为20是不生效的，必须设置为其它值（如20.01）。