Flutter中如何通过URL唤起第三方导航APP并在其内部打开而非自身APP
如何直接唤起第三方导航APP打开路径规划页面?
你当前的实现用的是HTTP网页链接,系统默认会在自己APP内的WebView中加载显示。要直接唤起第三方导航APP打开路径规划页面,需要做两个核心修改:
1. 使用第三方导航APP的专属Scheme/深度链接
不同导航APP都有自己的专属协议(Scheme),比如:
- 谷歌地图:
google.navigation:或comgooglemaps:// - 高德地图:
amapuri:// - 百度地图:
baidumap://
你需要先确认目标导航APP的官方文档,获取路径规划对应的Deep Link格式。比如谷歌地图的驾车路径规划格式:google.navigation:q=${目标纬度},${目标经度}&mode=d&origin=${起点纬度},${起点经度}
注意:你代码里的https://nshn.ir是网页链接,不是导航APP的专属Scheme,这是导致在APP内加载的核心原因。
2. 配置launchUrl强制唤起外部APP
在调用launchUrl时,需要指定mode: LaunchMode.externalApplication,确保系统启动外部APP而非在当前APP内加载。
修改后的完整代码示例
_launchURL() async { try { final Position currentPos = await _getCurrentLocation(); // 替换成目标导航APP的Scheme链接,这里以谷歌地图为例 final Uri navUrl = Uri.parse( 'google.navigation:q=$lat,$lon&mode=d&origin=${currentPos.latitude},${currentPos.longitude}'); // 强制唤起外部APP if (!await launchUrl(navUrl, mode: LaunchMode.externalApplication)) { // 如果唤起失败(比如未安装APP),可以 fallback 到网页版或提示用户 throw Exception('无法唤起导航应用'); } } catch (e) { // 处理定位权限失败或唤起失败的情况 print(e.toString()); } } Future<Position> _getCurrentLocation() async { bool serviceEnabled = await Geolocator.isLocationServiceEnabled(); if (!serviceEnabled) { return Future.error("位置服务未开启"); } LocationPermission permission = await Geolocator.checkPermission(); if (permission == LocationPermission.denied) { permission = await Geolocator.requestPermission(); if (permission == LocationPermission.denied) { return Future.error("位置权限被拒绝"); } } if (permission == LocationPermission.deniedForever) { return Future.error("位置权限被永久拒绝"); } return await Geolocator.getCurrentPosition(); }
额外注意事项
- 如果你需要支持多个导航APP,可以先检测设备是否安装了对应APP,再选择对应的Scheme唤起;
- 部分Android设备可能需要在
AndroidManifest.xml中添加Scheme的跳转权限,iOS则需要在Info.plist中添加LSApplicationQueriesSchemes配置对应的Scheme; - 务必参考目标导航APP的官方文档,确保Deep Link参数格式正确,否则可能唤起失败或打开错误页面。
内容的提问来源于stack exchange,提问作者Amir noroozi
相关产品推荐
相关产品推荐

