uni-app如何调起高德地图或百度地图导航

夏强酱_3918

夏强酱_3918

2026-10-24

669人浏览

原创

uni.openlocation仅支持单点定位,无法画路线;需用url scheme唤起高德/百度地图实现导航,注意坐标系转换、ios白名单配置及三端差异化处理。

uni-app如何调起高德地图或百度地图导航

uni.openLocation 只能打开单点,别指望它画路线

很多人试过 uni.openLocation 传两个坐标,结果地图只标了一个点——这不是 bug,是设计如此。它本质是「跳转到某地并标记」,参数里根本没有 startLat、startLng 这类字段,iOS 和 Android 行为一致,但功能边界清晰:仅支持单点定位。如果你要的是「从我当前位置导航到目的地」,这个 API 就不够用。

构造 URL Scheme 是唯一可行的路线规划方案

想唤起高德或百度地图做路径规划,必须手动拼接合法的 URL Scheme(iOS)或 Intent URL(Android),再用 plus.runtime.openURL 触发。关键点不是“能不能跳”,而是“参数对不对、平台判得准不准、编码有没有漏”。

Map RTOS SDK - 高德官方嵌入式地图 SDK Skill
Map RTOS SDK - 高德官方嵌入式地图 SDK Skill

Map RTOS SDK - 高德地图嵌入式 Map SDK 接入助手,支持栅格/矢量 Map 地图渲染、覆盖物绘制、轨迹导航及适配器实现指南

下载
  • 高德 Android 路由必须用 androidamap://navi,iOS 必须用 iosamap://navi;百度则是 baidumap://map/direction(Android/iOS 通用)
  • 经纬度顺序不能错:高德要求 lat=xxx&lon=yyy,百度是 origin=lat,lng&destination=lat,lng
  • 中文地址必须 encodeURIComponent,否则 iOS 直接静默失败
  • 起点若用用户当前定位,需先调 uni.getLocation,且注意坐标系:高德认 GCJ-02,百度认 BD-09,直接传 WGS84 坐标大概率偏移 500 米以上

iOS 白名单和安卓 Intent 写法最容易踩坑

iOS 上不配 urlschemewhitelist,iosamap:// 或 baidumap:// 会被系统拦截,连错误回调都不会触发;安卓端则容易忽略 Intent 的包名校验逻辑,比如高德在某些国产 ROM 上需要额外加 &dev=0 才能唤起。

  • manifest.json 中 iOS 白名单必须写成数组形式:"urlschemewhitelist": ["iosamap", "baidumap"],少一个引号或逗号就失效
  • 安卓跳转前建议用 plus.runtime.isApplicationInstalled 检测是否安装,避免白屏;iOS 无法检测安装状态,只能靠 fallback 到 uni.openLocation
  • 百度地图 Android 端若传了 coord_type=gcj02 却没转坐标,会显示“位置无效”;高德 iOS 的 style=2 才启用驾车导航,style=0 是步行,别默认抄样例

H5 和小程序要单独处理,不能复用 App 路由逻辑

App 端走原生跳转,H5 端只能靠高德/百度的 Web URI(如 https://uri.amap.com/navi?from=&to=),而微信小程序必须用 wx.openLocation,它不支持第三方地图选择,只走微信内置地图。三端混写时,#ifdef APP-PLUS、#ifdef H5、#ifdef MP-WEIXIN 这三个条件编译指令不是可选项,是必填项。

  • H5 的高德 Web URI 必须带 callnative=1 才能尝试唤起 App,否则永远停留在网页版
  • 微信小程序里传经纬度给 wx.openLocation,名称和地址字段不能为空字符串,否则定位失败
  • 不要在 H5 里用 plus.runtime.openURL,它在非 App 环境下直接报 plus is not defined
实际跳转逻辑里最常被忽略的,是坐标系转换和 iOS 白名单的格式校验——前者导致地图上点歪几百米,后者让整个跳转链路静默失效,连 debug 都找不到入口。

相关文章

百度地图
百度地图

百度地图作为新一代人工智能地图,服务覆盖全球200+城市及国家。导航可信赖、语音交互更简单、数据丰富更贴心的百度地图,致力于为用户提供更准确、更丰富、更易用的出行服务。有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2623

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

5683

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6670

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

6358

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

903

5

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

20

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

0

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

20

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

0

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习