<template>
<map id="mapTest" ref="mapRefer"></map>
</template>
<script setup>
import { onMounted, ref } from 'vue';
const mapRefer = ref(null);
onMounted(() => {
const mapContext = uni.createMapContext('mapTest');
console.log('mapContext', mapContext);
这可以打印，下面就不行了
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
});
});
</script> 
阳一
- 发布：2023-10-29 05:10
- 更新：2024-12-05 15:37
- 阅读：537
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 3.94
第三方开发者工具版本号： 1.06
基础库版本号： 3.1.5
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<map id="mapTest" ref="mapRefer"></map>
</template>
<script setup>
import { onMounted, ref } from 'vue';
const mapRefer = ref(null);
onMounted(() => {
const mapContext = uni.createMapContext('mapTest');
console.log('mapContext', mapContext);
这可以打印，下面就不行了
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
});
});
</script>
<template>
<map id="mapTest" ref="mapRefer"></map>
</template>
<script setup>
import { onMounted, ref } from 'vue';
const mapRefer = ref(null);
onMounted(() => {
const mapContext = uni.createMapContext('mapTest');
console.log('mapContext', mapContext);
这可以打印，下面就不行了
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
});
});
</script> 预期结果：
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
});
正常打印
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
}); 正常打印
实际结果：
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
});
没有任何的异常，真机才有
mapContext.getScale({
success: (res) => {
console.log('获取成功', res);
},
fail: (err) => {
console.log('获取失败', err);
},
}); 没有任何的异常，真机才有
bug描述：
在使用uni-app vue3环境中调用 uni.createMapContext使用异常，
1、在page页面创建 uni.createMapContext('mapTest');可以正常打印。
2、在组件里面，放在组件的生命周期 onMounted的调用，不能正常执行，真机测试，报mapId没有找到
2 个回复
YUANRJ
我这里测试是可以的，升级下微信开发者工具试试
2***@qq.com
为什么我编译成app拿不到值