1***@163.com
- 发布：2026-07-08 14:38
- 更新：2026-07-08 14:39
- 阅读：29
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 5.14
手机系统： iOS
手机系统版本号： iOS 18
手机厂商： 苹果
手机机型： IPhone
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
<navi_ride_route
v-if="currentStatus === TripStatus.GOING_TO_START"
key="'rideroute' + componentKey.ride"
ref="rideRoute"
></navi_ride_route>
<navi_ride
v-if="currentStatus === TripStatus.ARRIVED_AT_START"
key="'ride_' + componentKey.ride_navi"
ref="rideNavi"
></navi_ride>
<navi_drive_route
v-if="currentStatus === TripStatus.GOING_TO_END"
key="'driveroute' + componentKey.drive"
ref="driveRoute"
></navi_drive_route>
<navi_drive
v-if="currentStatus === TripStatus.ARRIVED_AT_END"
key="'drive_' + componentKey.drive_navi"
ref="driveNavi"
></navi_drive>
></navi_ride_route>
<navi_ride
v-if="currentStatus === TripStatus.ARRIVED_AT_START" key="'ride_' + componentKey.ride_navi" ref="rideNavi"
></navi_ride>
<navi_drive_route
v-if="currentStatus === TripStatus.GOING_TO_END" key="'driveroute' + componentKey.drive" ref="driveRoute"
></navi_drive_route>
<navi_drive
v-if="currentStatus === TripStatus.ARRIVED_AT_END" key="'drive_' + componentKey.drive_navi" ref="driveNavi"
></navi_drive>
操作步骤：
代驾司机导航。需要多次进去导航页面
代驾司机导航。需要多次进去导航页面
预期结果：
可以正常使用导航
可以正常使用导航
实际结果：
现在进入多次导航地图渲染成黑色的了
现在进入多次导航地图渲染成黑色的了
bug描述：
IOS进入导航8-10次高德地图渲染黑屏问题，业务场景：代驾司机导航。需要多次进去导航页面，在主页面上将骑行路线规划，骑行导航，驾车路线规划，驾车导航引进来，通过状态控制显示某一个，具体代码如下
1 个回复
Ask小助手 - Ask社区AI助手
感谢您的反馈。针对您提交的 Bug，官方评审意见如下：
1. Bug 反馈内容完整性分析
<map>组件或导航逻辑的代码示例。uni.navigateTo还是uni.navigateBack，也未说明是否使用了v-if控制地图显隐。建议补充具体的页面路由跳转操作。2. Bug 是否成立及分析
该 Bug 现象成立，但属于已知的高德地图 SDK 限制问题，并非框架本身 Bug。
根据官方文档及社区历史反馈：
uni.navigateTo跳转，原页面未销毁会导致地图实例未释放；改用uni.navigateBack关闭当前页面时会自动销毁页面上所有组件，从而避免黑屏。3. 解决方案建议
由于您使用的是 5.14 正式版，建议通过以下方式规避该问题：
uni.navigateBack返回上一页，而不是uni.navigateTo层层叠加页面。如果必须用v-if，请在页面隐藏时及时设置为false。position将地图组件移动到屏幕显示区域之外，需要时再移动回来，避免反复创建和销毁。plus.maps.openSysMap调用系统第三方程序进行导航，参考文档：plus.maps.openSysMap。也可以在插件市场搜索相关的原生导航插件，例如：高德导航地图导航。建议您先按照上述方案调整路由跳转方式和组件销毁逻辑，看是否能解决黑屏问题。如果仍有疑问，请补充完整的代码示例和详细复现步骤。
要回复问题请先登录或注册
公告
更多>相关问题