（已解决）uni.chooseLocation真机调试没问题，打包以后不显示地图列表

最新推荐文章于 2025-07-31 15:51:02 发布
原创 最新推荐文章于 2025-07-31 15:51:02 发布 · 4.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uniapp

本文介绍了解决高德地图API在项目中使用时，manifest.json文件内的key与打包后的包名不一致导致的问题。确保两者一致是项目成功运行的关键。

打包后如下图：
在这里插入图片描述

解决方案

项目中manifest.json高德地图的key，要和打包时的包名一致
在这里插入图片描述

uniapp - 解决 uni.chooseImage 在苹果 IOS 真机上点击没反应的问题，苹果手机点击 uni.chooseImage方法不生效，也不报任何错误（解决苹果ios系统点击无效问题）
🏆 前端领域优质创作者
07-27 1万+
uniapp小程序h5网页苹果ios系统点击uni.chooseImage不执行点击无效，uniapp使用uni.chooseImage方法点击没反应怎么办，uniappuni.chooseImage在ios苹果手机运行点击不触发，uniappuni.chooseImage苹果ios系统点击无效，uniapp项目ios端云打包之后uni.chooseImage不生效了，uniapp打包之后uni.chooseImage()无法打开相机，uniapp苹果手机无法打开相机和相册，uniapp网页h5微信支
uniapp - 详解安卓App打包后使用uni.chooseLocation地址列表一直加载转圈问题，Android安卓app打开地图选择位置时显示空白且无限加载，点击搜索框进去也是一直加载列表空白
热门推荐
🏆 前端领域优质创作者
09-26 1万+
uni-app，app端平台，安卓Android，uni.chooseLocation，一直加载转圈，高德地图，uniapp打包后中uni.chooseLocation调用地址列表空白并转圈，搜索框无反应，uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白的解决办法，一直转圈的解决办法，苹果ios没事就安卓不行，自有证书，换证书也不行，高德证书，使用公共测试证书，定位地址列表一直在加载中，换成新证书还是不显示，真机调试无问题，最新，在ios里可以显示高
uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白？一直转圈的解决办法
南北极之间
07-14 3123
之前一直用的是【使用公共测试证书】地图列表一直转圈，后来改成了【使用自有证书】这个选项，填入3个信息后，再继续下一步，打包后，就能正常显示地图列表了。
uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白的解决办法
阿宝的博客
09-26 5314
最近在做项目的时候出现了一个很无解的问题,问了很多人,找了很多的资料,都没有解决.最后在一个突然的机会,我发现了一个小线索.(继续往下看!问题描述:uniapp在打包成app后使用uni.chooseLocation后,在app端,选择地址的时候,你会发现他一直都是在转圈的状态,但是真机调试时可以的.(到了这里你是不是很无解了,这是为什么呢?废话不多说,直接上解决办法)
uni.chooseLocation 安卓端 无法显示地址列表？
weixin_44309299的博客
08-03 729
这里有个巨坑，如果你真的去填写SHA1值，你会发现地址列表还是不会展示，需要将SHA1换成你证书的 MD5 值。查看证书信息： keytool -list -v -keystore 你的证书名称.keystore。高德官方申请Android服务平台时，提示填写SHA1值，填写之后发现还是不生效？uni.chooseLocation 安卓端 无法显示地址列表？安卓获取App应用的签名MD5。
uniapp开发App如何使用正确高德地图。uni.chooseLocation数据不展示问题，uni.getLocation不生效问题。
最新发布
前端开发努力中！
07-31 480
本文介绍了在UniApp开发中使用高德地图的关键步骤：1) 在高德开放平台注册账号并创建应用，获取API Key；2) 在DCloud开发者平台获取应用的安全码SHA1；3) 特别强调PackageName的正确获取方式（需使用打包时的appid），避免后续地图和位置选择功能出现问题。文中配有详细操作截图，记录了开发过程中容易出错的注意事项，为UniApp集成高德地图提供了实用指南。
uni.chooseLocation获取不到地图列表
javaJxl的博客
07-06 6177
需要在manifest.json -> H5 配置 腾讯地图Key，默认为uni-app官方示例Key，有次数限制 如果使用申请的key仍然无法访问，需要在腾讯地图key配置,白名单上面添加“3gimg.qq.com”,如下图:
设置了uni.chooseLocation，小程序中打不开
qq_57423665的博客
01-13 3066
设置了uni.chooseLocation，在小程序打不开，点击没反应，地图显现不出来；
uni-app开发app时 使用uni.chooseLocation遇到的问题
cyj0919的博客
02-20 1093
中已经说明，使用腾讯的话需要开启云服务，具体可看官网，这就是为什么使用时直接不显示的原因，所以我使用的高德，但又出现了问题二。首先要想使用高德进行选取位置，需要在mainfest.json文件 —模块配置 中，勾选如上图所示。其次申请的高德key中的包名要与安卓和ios打包的包名一致。bundleid 也就是你打包ios时所需的appid。创建的安卓证书，其中有这个值，直接复制过来填进去就行。问题二：选择地址列表一直在加载中。对于ios，生成高德key时需要。对于安卓申请高德key时需要。
uni.getLocation在iOS定位总是失败？原来是这几个坑！
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
06-04 548
最近在开发一个基于 `uni-app` 的跨平台小程序，遇到了个奇怪的问题。项目在 Android 上用 `uni.getLocation` 获取定位数据一切顺利，到了 iOS 端，怎么调都是失败，甚至连坐标都拿不到。
HBuilderX云打包后Android手机高德地图无法使用问题
weixin_43968658的博客
03-01 1915
公司H5包壳APP项目有需要使用高德地图，用HBuilderX真机调试安卓和苹果手机都能使用，但是云打包后，安卓手机却打不开地图。 遇到问题，首先想看有没有什么报错，安卓手机可以在手机上下载谷歌浏览器，然后打开手机设置的开发者选项，手机USB连上电脑。电脑谷歌浏览器浏览 chrome://inspect/#devices，如下图 特别需要注意的地方 1、manifest.json 中的 debug: “true” 需要设置，否则看不到APP。 2、点inspect查看调试，会出现404，这里需要翻墙
uni.chooseLocation地图无可选地址
qq_44242707的博客
09-29 1432
情境：点击选择地址时，地图中定位准确，但下方无可选地址，搜索也无效果。原因：地图key的白名单导致失效。解决：清空地图key的白名单。
uni.chooseLocation地址列表空白问题
2301_76857243的博客
08-05 687
changeRegion() { let that = this uni.getLocation({ type: 'wgs84', success: function(res) { that.lat = res.latitude that.lng = res.longitude }, }); uni.chooseLocation({ la
uni.chooseLocation在h5打包后偶现列表空白并且定位错误
xixiGirlLiu的博客
07-25 2516
附链接https//github.com/dcloudio/uni-app/issues/3681。在对话中可以看出，此问题已被修复，只是还在alpha阶段，索性更新到了已修复的alpha版，至此问题解决
【uniapp】获取定位无法弹出弹窗问题
weixin_44899940的博客
09-26 1927
【亲测好使】【uniapp】获取定位无法弹出弹窗问题
uni-app app真机调试使用chooselocation时提示配置mapSearch插件，选择地址时页面白屏
weixin_46352326的博客
06-28 1731
1.app平台，新版的chooselocation api目前只支持高德地图，如果使用了百度地图需要切换为高德。3.如果appkey已经配置但是使用chooselocationAPI还是白屏需要检测Maps是否添加。配置完成以后需要重新制作app自定义基座并运行查看效果。2.检查app模块配置是否添加高德定位appkey。
uniapp打包后 中uni.chooseLocation调用地址列表空白并转圈，搜索框无反应
ikedaelaiza的博客
12-12 6568
(省|市|自治区|自治州|县|区)/g。解决：请保证dcloud开发者中心的包名和高德地图sdk上申请key的包名和uniapp打包时的包名三者一致。1.dcloud开发者设置里的包名。2.高德地图生成地图key时的包名。代码：openMap() {3.uniapp云打包时包名。
uniapp踩坑之uni.chooseLocation
qq_39694327的博客
02-09 2712
在iOS端地图能正常展示，但是使用uni.chooseLocation 方法进入地址选择器时，在HbuilderX基座运行下没有问题，但是离线打包后运行就无法进入地址选择器页面。然后在DCloud官网下的iOS SDK中找到AMapLocationKit.framework与libAMapLocationPlugin.a这两个文件，并引入到工程当中。综合以上分析，我觉得可能是缺乏某些SDK。打包采用的是离线打包方式，在DCloud官网下的标准打包项目。根据个人的经验，分析可能存在的多种原因
uniapp app uni.chooseLocation腾讯地图 app打包 列表不展示
05-14
### 问题分析 在 `uni-app` 中使用 `uni.chooseLocation` 方法调用腾讯地图插件时，如果打包后的 Android 应用程序出现地址列表无法加载的情况，可能是由于以下几个原因引起的： 1. **腾讯地图 SDK 配置错误**：未正确配置腾讯地图的应用密钥（Key）或者缺少必要的权限设置。 2. **网络请求受限**：某些情况下，可能是因为域名白名单未正确配置，导致地图数据无法正常加载。 3. **环境兼容性问题**：部分功能可能存在平台差异，在 iOS 和真机调试环境下运行正常，但在正式打包的 Android 版本中出现问题。 以下是详细的解决方案[^1]。 --- ### 解决方案 #### 1. 确认腾讯地图 Key 的有效性 确保已经在腾讯位置服务平台注册并创建了应用，获取到了有效的 Key。具体操作如下： - 登录 [腾讯位置服务平台](https://lbs.qq.com/) 并进入控制台。 - 创建一个新的应用，并记录下生成的 Key[^2]。 - 将该 Key 添加到项目的配置文件中，例如 `manifest.json` 或者直接在代码中传参给 `uni.chooseLocation` 方法。 ```javascript uni.chooseLocation({ success: function (res) { console.log('位置名称：' + res.name); console.log('详细地址：' + res.address); console.log('纬度：' + res.latitude); console.log('经度：' + res.longitude); }, fail: function (err) { console.error('选择位置失败', err); } }); ``` #### 2. 检查域名白名单配置 对于 H5 场景下的定位问题，需特别注意域名白名单的配置。即使是在 Native App 中，也可能因为内部实现依赖于 WebView 而受到影响。按照以下步骤操作： - 在腾讯地图控制台中，找到对应应用的配置页面。 - 添加必要域名至白名单，例如 `3gimg.qq.com` 和项目自身的 HTTPS 域名[^4]。 #### 3. 开启相关权限 确认 Android 清单文件 (`AndroidManifest.xml`) 中已声明所需的权限。常见的权限包括但不限于以下几项： ```xml <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> ``` 此外，还需确保动态申请这些权限，尤其是在 Android 6.0 及以上版本中。 #### 4. 测试不同场景下的表现 尝试分别测试以下几种情况来进一步缩小问题范围： - 使用模拟器运行应用程序； - 使用真机调试模式运行； - 正式打包后安装到设备上运行。 如果仅在正式打包后发现问题，则很可能是与打包工具链或资源优化有关。此时可以考虑调整云打包参数，关闭不必要的压缩选项[^3]。 #### 5. 更新依赖库版本 确保使用的 `uni-app` 插件和基础库均为最新稳定版。旧版本可能存在一些尚未修复的 Bug 导致此类现象发生。可以通过官方文档查看更新日志并升级相应组件。 --- ### 示例代码片段 下面是一个完整的示例代码，用于验证 `uni.chooseLocation` 是否能够正常工作： ```javascript // 引入 map 组件作为占位符 <template> <view class="container"> <button @click="openMap">打开地图</button> <map id="map" :longitude="116.397428" :latitude="39.908585" scale="14"></map> </view> </template> <script> export default { methods: { openMap() { uni.chooseLocation({ key: 'your_tencent_map_key_here', // 替换为实际的腾讯地图 Key success(res) { console.log(`选择了位置：${JSON.stringify(res)}`); }, fail(err) { console.error('选择位置失败:', err); } }); } } }; </script> ``` --- ### 总结 通过上述方法逐一排查，基本可以解决 `uni.chooseLocation` 在 Android 打包后地址列表不显示的问题。重点在于核实腾讯地图 Key 的合法性、完善权限声明以及合理配置域名白名单等方面的工作。 ---
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值