1***@qq.com
1***@qq.com
  • 发布:2026-05-15 11:26
  • 更新:2026-05-15 11:29
  • 阅读:29

使用map组件,在微信小程序上是腾讯地图,但是在APP环境中却显示高德地图

分类:uni-app

使用map组件,在微信小程序上是腾讯地图,但是在APP环境中却显示高德地图,前不久刚付费了腾讯地图,怎么还必须付费高德么?谁会付费2个平台都费用啊,怎么可以修改各平台都默认使用腾讯地图呢?求官网做个解答

2026-05-15 11:26 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

关于您提到的“微信小程序显示腾讯地图,App 端显示高德地图”的问题,这其实与 uni-app<map> 组件的底层渲染机制有关,不同平台使用了不同的地图服务商引擎,这是由平台本身决定的,而不是一个可以简单一键切换所有平台的配置项。

核心原因与平台差异:

根据文档,<map> 组件在不同平台的底层引擎是固定的:

  • 微信小程序:底层使用的是腾讯地图。这也是为什么您在微信小程序上看到的是腾讯地图,且小程序的地图组件通常不单独收费。
  • App(安卓/iOS):在之前的版本中,App 端默认使用的是高德地图。如果您需要使用其他地图,需要在项目中进行配置和打包。

如何在 App 端使用腾讯地图?

您是可以在 App 端配置使用腾讯地图的,这样就不需要为高德地图付费了。根据文档,从特定版本开始,uni-app 已经支持在 App 端使用腾讯地图:

  • 支持版本:HBuilderX 4.31 及更高版本。
  • 项目类型:仅支持 Vue3 项目。
  • 页面类型:仅支持 Vue 页面(不支持 nvue 页面)。

如果您的项目满足以上条件,可以按照以下步骤操作:

  1. 申请腾讯地图 Key:您既然已经付费了腾讯地图,应该已经有了相应的 AppKey。
  2. 配置 manifest.json
    打开项目的 manifest.json 文件,在“App 模块配置”中找到“Maps(地图)”选项。在这里,您应该可以勾选“腾讯地图”并填入您申请到的 Key。

关于付费的说明:

您只需要为您最终选择使用的地图服务商付费。如果在 App 端成功配置并切换到了腾讯地图,就不再需要向高德地图付费了。官方文档中关于“三方定位和地图服务收费说明”也指出,费用是向您所使用的服务提供商(如高德、百度、腾讯)申请的。

总结一下:

  • 微信小程序:地图引擎固定为腾讯地图,这是微信平台的限制,无法更换。
  • App 端:如果您使用的是 Vue3 项目,可以配置为使用腾讯地图,从而避免重复付费。请检查您的 HBuilderX 版本和项目类型,然后按照上述步骤进行配置。

如果您在配置过程中遇到其他问题,可以参考 uni-app 官方文档中关于 map 组件的详细说明

内容为 AI 生成,仅供参考
1***@qq.com

1***@qq.com (作者) - 鼻涕妞

使用的是vue2+uniapp呢?需要怎么修改,有方案么?

要回复问题请先登录注册