uni-app ios打包app后，导航无法跳转到高德地图

发布于 1周前 作者 songsunli 来自 Uni-App

uni-app ios打包app后，导航无法跳转到高德地图

示例代码：

if (plus.runtime.isApplicationExist({
pname: 'com.autonavi.minimap',
action: 'iosamap://'
})) {
let sourceApplication = "来首歌" // 中文应用名称
//let encodedSourceApplication = encodeURIComponent(sourceApplication);
let url = "iosamap://navi?sourceApplication=" + sourceApplication + "&lat=" + lat.value + "&lon=" + lon.value + "&dev=1&style=2";
let encodeURI1=encodeURI(url)
plus.runtime.openURL(encodeURI1);
} else {
uni.showToast({
title: "前往商城安装高德地图",
icon: 'none'
})
}

操作步骤：

if (plus.runtime.isApplicationExist({
pname: 'com.autonavi.minimap',
action: 'iosamap://'
})) {
let sourceApplication = "来首歌" // 中文应用名称
//let encodedSourceApplication = encodeURIComponent(sourceApplication);
let url = "iosamap://navi?sourceApplication=" + sourceApplication + "&lat=" + lat.value + "&lon=" + lon.value + "&dev=1&style=2";
let encodeURI1=encodeURI(url)
plus.runtime.openURL(encodeURI1);
} else {
uni.showToast({
title: "前往商城安装高德地图",
icon: 'none'
})
}

预期结果：

if (plus.runtime.isApplicationExist({
pname: 'com.autonavi.minimap',
action: 'iosamap://'
})) {
let sourceApplication = "来首歌" // 中文应用名称
//let encodedSourceApplication = encodeURIComponent(sourceApplication);
let url = "iosamap://navi?sourceApplication=" + sourceApplication + "&lat=" + lat.value + "&lon=" + lon.value + "&dev=1&style=2";
let encodeURI1=encodeURI(url)
plus.runtime.openURL(encodeURI1);
} else {
uni.showToast({
title: "前往商城安装高德地图",
icon: 'none'
})
}

实际结果：

if (plus.runtime.isApplicationExist({
pname: 'com.autonavi.minimap',
action: 'iosamap://'
})) {
let sourceApplication = "来首歌" // 中文应用名称
//let encodedSourceApplication = encodeURIComponent(sourceApplication);
let url = "iosamap://navi?sourceApplication=" + sourceApplication + "&lat=" + lat.value + "&lon=" + lon.value + "&dev=1&style=2";
let encodeURI1=encodeURI(url)
plus.runtime.openURL(encodeURI1);
} else {
uni.showToast({
title: "前往商城安装高德地图",
icon: 'none'
})
}

bug描述：

ios打包app后，导航无法跳转到高德地图


Harmonyos Next教程
1 回复

在uni-app中，如果你在iOS平台上打包应用后发现导航无法跳转到高德地图，这通常是由于调用高德地图SDK的方式不正确或者缺少必要的配置。以下是一个基本的代码示例，展示了如何在uni-app中调用高德地图进行导航。请注意，这假设你已经完成了高德地图SDK的集成，并且在iOS平台上进行了必要的配置。

1. 引入高德地图SDK

首先，确保你已经在uni-app项目中引入了高德地图的SDK。这通常涉及到在manifest.json文件中添加高德地图的iOS平台依赖，以及下载并配置高德地图的iOS SDK。

2. 调用高德地图导航

在uni-app的页面中，你可以使用以下代码来调用高德地图进行导航：

// 假设你已经获取到了起点和终点的经纬度坐标
const startLat = 39.906901; // 起点纬度
const startLng = 116.397972; // 起点经度
const endLat = 31.230416; // 终点纬度
const endLng = 121.473701; // 终点经度

// 构造高德地图导航的URL
const amapNaviUrl = `iosamap://navi?sourceApplication=yourAppName&dlat=${startLat}&dlon=${startLng}&sname=起点名称&dladdr=目的地详细地址&lat=${endLat}&lon=${endLng}&name=终点名称`;

// 使用uni-app的plus.runtime.openURL方法打开URL
plus.runtime.openURL(amapNaviUrl, function(e) {
    if (e.code === 0) {
        console.log('导航成功打开');
    } else {
        console.error('导航打开失败:', e.message);
        // 处理打开失败的情况，比如提示用户安装高德地图等
        uni.showToast({
            title: '请安装高德地图',
            icon: 'none'
        });
    }
});

3. 注意事项

  • URL Scheme：确保你使用的是高德地图支持的URL Scheme，并且URL的格式正确。
  • 权限：在iOS项目中，确保你已经添加了必要的权限声明，比如访问网络、访问位置信息等。
  • 错误处理：在调用plus.runtime.openURL时，添加错误处理逻辑，以便在用户设备上未安装高德地图时给出适当的提示。
  • 调试：在真机上进行调试，以确保URL能够正确打开高德地图并进行导航。

通过上述步骤，你应该能够在uni-app中成功调用高德地图进行导航。如果仍然遇到问题，请检查高德地图SDK的集成步骤是否正确，以及iOS项目的配置是否完整。

回到顶部