<template>
<view class="warp">
<button @click="handleOpen">打开地图</button>
<button @click="handleClose">关闭地图</button>
<map v-if="show"></map>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
}
},
methods: {
handleOpen() {
this.show = true;
},
handleClose() {
this.show = false;
}
},
}
</script>
杨佳梅
- 发布：2023-04-21 15:29
- 更新：2023-06-05 14:07
- 阅读：919
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.7.9
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： 13
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用以上代码，点击“打开地图”，然后点击“关闭地图”，重复9次以上
使用以上代码，点击“打开地图”，然后点击“关闭地图”，重复9次以上
预期结果：
地图一直能正常加载
地图一直能正常加载
实际结果：
9次以上，地图不能加载
9次以上，地图不能加载
bug描述：
HBuilderX版本：3.7.9，nvue 页面，使用 v-if 切换地图，或者切换包含地图的页面，只要重复9次，第10次以后必然出现黑屏。
今天给高德官方打电话，高德回复是每次加载地图时，需要手动销毁上一个地图，否则最多创建9次。
请问uniapp中怎么销毁地图？？？
最佳回复
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
帮助官方排查，确实存在这个问题
如果是vue页面，使用$getAppMap获取原生地图对象 plus.maps.Map，可以使用：https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map.close
nvue没有提供方法
杨佳梅 (作者)
感谢！！
2023-05-04 14:18
2***@qq.com
回复 杨佳梅: 这个问题在3.8.4中还出现，请问作者解决了么？
2023-08-14 17:08