uniapp小程序获取定位（高德SDK)

最新推荐文章于 2024-07-15 16:47:35 发布
最新推荐文章于 2024-07-15 16:47:35 发布
阅读量2.1k 收藏 11
点赞数
文章标签： javascript vue.js uni-app sdk
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shinjie1210/article/details/119217937
版权

由于uniapp自带的getlocation方法不支持解析地址，所以这里记录下使用高德sdk的方法

 

首先登陆高德开放平台 登录/注册后打开控制台，在应用管理里创建新应用

然后点击添加按钮，添加key

 这样你就会获得一个key

然后点击这个网址下载文件，找到amap-wx.js文件，放到项目common文件夹里(放哪里看个人意愿，别放static就行)

最低0.47元/天 解锁文章
shinjie1210
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ios高德官方sdk的使用
05-13
绘制行走地图轨迹以及播放行走轨迹图像和多用户同时显示
uniapp 获取地理位置（uni#getLocation和高德sdk获取中文地址）
xl十一的博客
10-11 1282
【代码】uniapp 获取地理位置（uni#getLocation和高德sdk获取中文地址）
uniapp获取当前位置和经纬度信息（app端高德地图）
qq_44741577的博客
05-21 2401
这里的ios的key我没生成（需要苹果系统），但是配置文件又是必填，我瞎写了一个，不影响Android端使用。槽点太多，后面补----------------------------------，即打开地图选择位置。登录高德开放平台 ，
uni-app 微信小程序接入高德SDK
七岁凉橙的博客
04-25 1727
uni-app 微信小程序接入高德SDK 参考文档：https://lbs.amap.com/api/wx/gettingstarted 一、获取高德Key 配置高德key 二、获取高德key的操作步骤 创建应用 进入控制台，创建一个新应用。如果您之前已经创建过应用，可直接跳过这个步骤。 添加新key 在创建的应用上点击"添加新Key"按钮。在弹出的对话框中，输入Key名称，选择绑定的服务平台为“微信小程序”，如下图所示： 三、下载并安装微信小程序SDK 微信小程序SDK 解压后得到
uni-app 微信小程序 用高德sdk获取地理位置，以及天气信息
liubangbo的专栏
09-06 3906
你可能在开发微信开发者工具中，以及真机调试中都能获取地理位置和天气信息，但发布到体验版，或发布到显示，一直loading 获取不到天气信息。就是因为没有把高德小程序sdk接口用到的URL地址添加到小程序服务器域名中。在这个网页最下面，按步骤来就可以了。注意创建完应用后，点击添加按钮，选择小程序sdk 生成key。注意在接口传递参数中要加上fail 字段，否则控制台会报错。
uniapp 小程序用高德地图sdk
qq_34297848的博客
12-06 2847
uniapp 小程序 使用高德sdk
微信小程序高德地图sdk
02-02
微信小程序高德地图SDK是为开发者提供的一种在微信小程序中集成地图功能的工具包，它使得开发者能够在小程序中实现各种地图相关的操作，如定位、导航、路径规划等。这款SDK结合了高德地图的强大功能与微信小程序的轻...
AndroidGPS定位和高德SDK定位
07-04
Android Studio 项目，集成了Android GPS定位。 在项目中也集成了高德SDK的定位效果。 项目的中key可以在高德开放平台上自行申请。
微信小程序 高德地图路线规划实现过程详解
10-16
- 引入高德地图的小程序SDK，通常会有一个配置文件如`amap-wx.js`，它包含了与高德地图API交互所需的信息。 2. 坐标系统转换： - 中国地图坐标系统主要有三种：百度地图的BD-09、腾讯地图和高德地图的GCJ-02...
高德定位sdkDemo
12-16
在无网络或网络不稳定的情况下，高德SDK仍可尝试利用缓存数据进行定位，提高用户体验。 10. **异常处理** 定位过程中可能会遇到各种异常，如权限被拒绝、GPS信号弱等。SDK提供了相应的错误码，开发者可通过错误码...
基于uniapp高校售卖机定位小程序.zip
04-03
"基于uniapp高校售卖机定位小程序"是一个使用uniapp框架开发的项目，主要目的是为高校内的自动售卖机提供一个精准的定位服务。uniapp是一个跨平台的前端开发框架，允许开发者用一套代码同时开发iOS、Android、Web...
微信小程序实现地图搜索/定位/检索/天气/路线规划
01-17
小程序地图采用微信小程序提供的map组件；周边的数据坐标点通过高德地图提供的API接口，获取定位位置的周边或者指定位置周边的数据。此代码提供小程序map搜索/定位/检索/天气/路线规划
uniapp H5/APP端获取用户的地理位置（高德地图）
m0_48985355的博客
01-16 3846
2、在H5 端使用地图和定位相关，需要在 manifest.json 内web配置腾讯或谷歌等三方地图服务商申请的秘钥（key），高德地图(web端key)需要额外配置 securityJsCode 或 serviceHost。（2）【web服务】主要是uniapp H5端不能直接获取 地址信息（仅APP端支持），须先通过uni.getLocation获取经纬度，再通过第三方（高德）逆地理编码（高德逆地理编码）解析出地址信息。2、用浏览器测试，需要打开浏览器的定位服务（本人用的是火狐）；
uniapp 打包app 引入高德地图sdk
weixin_45581505的博客
03-08 6840
uniapp开发app引入高德地图sdk 说明：本项目以uniapp 云打包app Android为例，使用自有证书 注册高德地图开放平台账号并添加应用，在应用中添加key（SHA1和PackageName下面说明） 生成自有证书(windows系统) uniapp 生成证书文档 生成证书完成之后 查看证书信息 把生成的SHA1填写到申请高德key中 高德地图key生成 并配置到项目中 高德地图key manifest.json配置 app模块配置中勾选maps中的高
【Uniapp】高德地图的接入、定位、自定义标点与信息窗体使用
热门推荐
Brod-Roy的博客
06-19 2万+
因为公司的业务需求，需要实现一个接入高德地图的数据大屏，并根据坐标实现地图标点渲染，自定义信息窗体，点击定位等功能。查阅高德地图官方文档时发现使用的是原生 JavaScript ，且网上 uniapp 接入使用的教程较少，我自己摸索之后解决了不少问题，欢迎大佬补充纠正。
uniapp+vue3+vite 引入高德sdk文件报错
Niki.Y的博客
04-17 529
用uniapp+vue3+vite开发小程序引入高德sdk报错..
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能
最新发布
luhanglh的博客
07-15 570
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能。 uni-app实现高德地图选点功能
uniapp使用第三方高德地图获取当前用户详细定位
oneya1的博客
04-08 5461
微信内置地图无法获取到具体定位信息，只能在app上获取 效果： 小程序获取当前详细定位解决方案： 进入高德平台申请key https://lbs.amap.com/api/wx/download 下载微信小程序SDK 放在common目录里（新建common目录）https://lbs.amap.com/api/wx/download 3.uniapp页面引入 调试最好打开手机预览调试，微信开发者工具直接调试定位可能不准确 <template> <view> &l
记录：uniapp微信小程序通过高德api获取当前详细的地理位置信息
汪同学丶的博客
10-13 6402
概述 由于当前业务需要在使用小程序的时候获取当前所在的详细地理位置信息，所以我们采用高德地图的api来获取当前位置的中文描述+区域编码。 使用 获取key 注：可打开高德官网链接按照步骤获取key，或通过如下步骤获取 1、进入高德开放平台 2、没有账号进行注册｜有账号直接登录 3、点击右上角 控制台 -> 应用管理 -> 我的应用 -> 创建应用 4、点击当前创建的应用下的添加按钮 5、提交之后即可得到高德api的key 获取并使用高德微信小程序js依赖文件amap-wx.js 1、高
uniapp android端怎么使用高德sdk
07-11
在UniApp中使用高德地图SDK可以通过以下步骤实现： 1. 在UniApp项目的根目录下找到`manifest.json`文件，打开并添加以下代码到`uni-app`节点下： ```json "": { "android": { "features": [ { "name": "android.hardware.location", "required": true } ] } } ``` 这样可以添加定位权限，使得应用可以获取用户位置信息。 2. 下载高德地图SDK的AAR包，将其放置在UniApp项目的`unpackage/libs/android`目录下。 3. 在`manifest.json`文件中的`app-plus`节点下添加以下代码： ```json "app-plus": { "usingComponents": { "map": "@myplugin/map" // 自定义插件名 }, "android": { "permission": [ "android.permission.ACCESS_COARSE_LOCATION", "android.permission.ACCESS_FINE_LOCATION" ], "package": [ "libs/android/your_amap_sdk.aar" // 替换为你下载的高德地图SDK AAR包路径 ] } } ``` 其中的`@myplugin/map`是自定义的插件名，可以根据自己的需要进行修改。`your_amap_sdk.aar`需要替换为你下载的高德地图SDK AAR包的路径。 4. 在需要使用高德地图的页面中，引入高德地图组件，例如： ```html <template> <view> <view class="map-container"> <map :longitude="longitude" :latitude="latitude" :markers="markers"></map> </view> </view> </template> <script> export default { data() { return { longitude: 0, latitude: 0, markers: [] }; }, methods: { getLocation() { // 获取用户位置信息 uni.getLocation({ type: 'gcj02', success: (res) => { this.longitude = res.longitude; this.latitude = res.latitude; this.markers = [{ id: '1', longitude: res.longitude, latitude: res.latitude, title: '我的位置' }]; } }); } }, mounted() { this.getLocation(); } }; </script> ``` 上述代码中，引入了`map`组件，并通过定位API获取用户的地理位置信息，并在地图上显示。 5. 运行项目，即可在Android端使用高德地图SDK。 以上就是在UniApp Android端使用高德地图SDK的简单步骤。请确保已经下载并配置了高德地图SDK，并在真机或模拟器上进行测试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值