uni-app 离线打包时，访问高德地图和 uni.chooseLocation 打开地图权限配置问题

最新推荐文章于 2025-02-20 14:22:05 发布

qq_26726121

最新推荐文章于 2025-02-20 14:22:05 发布

阅读量174

点赞数

文章标签： uni-app

原文链接：https://blog.youkuaiyun.com/miqibumiaowu/article/details/134057509

版权

转载 https://blog.youkuaiyun.com/miqibumiaowu/article/details/134057509

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_26726121

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uni-app - 小程序使用高德地图完整版

King Saj

04-30

479

页面自动通过定位获取用户位置并展示周边POI数据，同时支持关键词输入实时联想推荐关联地点信息，实现精准智能的地点发现与检索功能。

Uniapp中使用高德地图，并在android studio中离线打包

baidu_35753600的博客

01-10

5311

Uniapp中使用高德地图，并在android studio中离线打包带高德地图功能的Uniapp的android离线打包1. Uniapp中使用高德地图的方式一2. 高德地图中申请key3. uniapp中的设置4. 自己实现 uni.chooseLocation6. HBuilder-Integrate-AS 中的设置6.1. AndroidManifest.xml的修改6.2. dcloud_properties.xml的确认6.3. lib中aar的复制7.在 HBuilder-Integrat

1 条评论您还未登录，请先登录后发表或查看评论

高德地图api离线化，支持uniapp，web，触屏操作

04-25

高德api离线化，支持uniapp，web，触屏操作根据高德api JS文件进行离线化操作

uniapp使用高德的离线地图

技术不够，加班来凑

12-20

4307

uniapp使用高德的离线地图需求分析：使用uniapp开发原生android和ios，要做一个离线地图的操作，无网的情况下能正常查看地图，只是前期的demo演示，不做特别详细的说明使用高德地图 相关的配置和申请去官网就可以（不想细说）使用openlayer 使用原生sdk封装高德的离线地图在uniapp中用第一种：使用openlayer加载离线瓦片瓦片需要自己去下载 ol.css和ol.js两个文件我们可以到官网去下载源文件。官网地址：前期准备工作自行度娘吧，直接上demo

Uniapp离线打包使用高德地图教程及常见问题

assessea的博客

12-22

2710

uniapp项目离线打包使用高德地图的相关配置教程及常见问题解决方法

uni-app 安卓本地打包时，访问高德地图和 uni.chooseLocation 打开地图权限配置问题

miqibumiaowu的博客

10-26

1692

"uni.chooseLocation" 打开地图，并可以选择一个定位。uniapp的一个组件，用 nvue页面实现的。高德地图使用的 appkey 和打包使用的包名及签名文件存在对应关系，填写时请注意。填写错误会导致地图无法正常使用。"uni.openLocation" 打开地图，显示坐标位置。"uni.getLocation" 获取当前设备的定位信息。

uniapp 离线打包，在Android studio中运行总是提示“打包时未添加Maps模块

qq_37550440的博客

06-13

3374

解决离线打包未添加maps模块

uni-app开发app时使用uni.chooseLocation遇到的问题

最新发布

cyj0919的博客

02-20

846

中已经说明，使用腾讯的话需要开启云服务，具体可看官网，这就是为什么使用时直接不显示的原因，所以我使用的高德，但又出现了问题二。首先要想使用高德进行选取位置，需要在mainfest.json文件 —模块配置中，勾选如上图所示。其次申请的高德key中的包名要与安卓和ios打包的包名一致。bundleid 也就是你打包ios时所需的appid。创建的安卓证书，其中有这个值，直接复制过来填进去就行。问题二：选择地址列表一直在加载中。对于ios，生成高德key时需要。对于安卓申请高德key时需要。

关于uni-app中云打包成apk包在手机上运行无法使用uni.chooseLocation获取定位

weixin_45792972的博客

12-02

2765

uni-app中为什么在模拟器真机运行上可以获取定位而在云打包成apk包之后就不行了，这里需要在manifest.json里面配置高德地图key，高德、百度或者其他开放平台申请平台key 高德开放平台在我的应用配置key 这里需要注意的是根据不同的证书配置不同的SHA1 HBuilderX云端打包选择 “使用自有证书”或本地离线打包时，填写应用使用证书的SHA1，查看证书的信息获取指纹中SHA1值，参考：https://ask.dcloud.net.cn/article/35777#keyinfo.

uni-app项目在app中uni.chooseLocation无法显示地址列表

qq_29184685的博客

08-07

1265

uni-app项目自定义基座运行到安卓手机中时，使用uni.chooseLocation接口地址列表无法显示。

uniapp引用uni.chooseLocation打开地图选择位置

weixin_52830464的博客

05-30

4448

console.log('位置名称：' + res.name);console.log('详细地址：' + res.address);console.log('纬度：' + res.latitude);console.log('经度：' + res.longitude);});

uni-app 支持多端第三方地图定位的方法

11-30

简介该方法支持跳转第三方地图并定位指定坐标。 APP端跳转至百度地图（第三方软件）；若无，则跳转至高德地图（第三方软件）；若均无，则打开腾讯地图（uni自带方法：uni.openLocation）其它端打开腾讯地图（uni自带方法：uni.openLocation） demo 源码：https://github.com/yapeee/uni-components 测试数据： wgs84: 39.9078008469, 116.391290596 bd09: 39.915547, 116.403909 gcj02: 39.9091591069, 116.3974783161 基础

uniapp 离线打包 IOSAPP 使用高德地图 地图空白或不显示内容

qq_40609754的博客

12-22

2897

离线打包app，地图空白或返回 “ 对不起，没有搜索到相关数据 ”，诸如此类在确保依赖资源和文件都添加好后检查 TARGETS - Info - amap - appkey 和uniapp项目manifest.json中设置是否一致地图空白原因极大可能是依赖资源未配置好；地图无结果可能是因为appkey对不上，因为xcode会有默认填充一个appkey，没有注意到极有可能就不会去修改它。 ...

使用Vue与UniApp结合高德地图实现离线地图与经纬度标注的开发实践

chenchuang0128的博客

11-16

1358

为了应对这些挑战，高德地图提供了离线地图功能，允许开发者在设备本地存储地图数据，实现无网络环境下的地图使用。通过Vue与UniApp结合高德地图SDK，我们可以实现一个基本的离线地图应用，并在其上添加基于经纬度的标注功能。然而，需要注意的是，离线地图的集成和使用相对复杂，需要开发者对地图数据和SDK有较深的理解。离线地图的加载：高德地图SDK本身并不直接支持传统意义上的“离线地图”加载。然后，在平台提供的离线地图工具中下载你需要的地图数据，并将其存储在你的应用或设备的适当位置。

uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白？一直转圈的解决办法

南北极之间

07-14

2606

之前一直用的是【使用公共测试证书】地图列表一直转圈，后来改成了【使用自有证书】这个选项，填入3个信息后，再继续下一步，打包后，就能正常显示地图列表了。

高德地图离线版使用高德地图api的方法

m0_62336925的博客

08-02

2444

然因为高德地图的瓦片地图太大，所以要让后端部署下前端直接调用如果本地直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字复制。

uniapp安卓本地离线打包全过程，Android Studio离线打包全过程

我的ID：sumer-work（全网同名）昵称：程序员SUMER（全网同名）

10-24

1500

uniapp安卓本地离线打包全过程，Android Studio离线打包全过程

uniapp获取当前位置和经纬度信息（app端高德地图）

热门推荐

qq_44741577的博客

05-21

1万+

这里的ios的key我没生成（需要苹果系统），但是配置文件又是必填，我瞎写了一个，不影响Android端使用。槽点太多，后面补----------------------------------，即打开地图选择位置。登录高德开放平台，

uniapp开发Android安卓应用打包配置及使用高德地图配置获取定位失败的问题解决(踩坑)

bamboozjy的博客

04-10

1448

uniapp开发安卓APP使用高德地图及定位失败的配置

uni-app开发微信小程序高德地图

02-15

### 使用 Uni-app 集成高德地图功能 #### 创建项目结构并初始化配置为了在 Uni-app 中集成高德地图，需先创建一个新的 Uni-app 项目，并确保已安装最新版本的 HBuilderX 或其他支持工具。接着，在 `manifest.json` 文件中的 AppID 字段填写微信小程序对应的 AppID。 #### 获取 API Key 并设置合法域名前往 [高德开放平台](https://lbs.amap.com/) 注册账号并申请 Web服务API key[^3]。完成注册后，登录微信公众平台的小程序后台，在 **开发管理 -> 开发设置** 页面下的 "request 合法域名" 添加项中加入 https://restapi.amap.com/ ，以便允许应用向高德服务器发起请求获取地理数据和服务。 #### 编写页面布局与样式定义一个简单的 HTML 结构用于展示地图容器： ```html <template> <view class="container">  <map id="myMap" :latitude="latitude" :longitude="longitude"></map>  </view> </template> <style lang="scss" scoped> @import './styles/map'; .map_container { position: absolute; top: 0; bottom: 80px; left: 0; right: 0; } </style> ``` 注意这里引入了一个外部 SCSS 文件来处理样式细节[^4]。 #### 实现核心逻辑接下来编写 JavaScript 来控制地图行为和响应用户操作： ```javascript export default { data() { return { mapCtx: null, longitude: '', // 经度 latitude: '' // 纬度 }; }, onLoad(options) { this.getLocation(); }, methods: { getLocation(){ const that = this; // 调用微信内置接口获得当前位置坐标 uni.getLocation({ type:'gcj02', // 返回国测局加密后的坐标系 success(res){ that.latitude=res.latitude; that.longitude=res.longitude; // 初始化 map context 对象并与视图层关联起来 that.mapCtx=uni.createMapContext('myMap',this); // 可在此处继续执行更多基于位置的操作... }, fail(err){ console.error("Failed to get location:", err); } }); } } } ``` 上述代码片段展示了如何利用 `uni.getLocation()` 方法取得用户的当前地理位置信息，并将其赋值给组件的数据属性；之后再通过 `uni.createMapContext()` 函数实例化 Map Context 对象，从而能够在后续实现更复杂的功能如标记点位、路线规划等[^1]。