记录：uniapp微信小程序通过高德api获取当前详细的地理位置信息

2024-05-13 02:12:33

概述

由于当前业务需要在使用小程序的时候获取当前所在的详细地理位置信息，所以我们采用高德地图的api来获取当前位置的中文描述+区域编码。

使用

获取key

注：可打开高德官网链接按照步骤获取key，或通过如下步骤获取
1、进入高德开放平台
2、没有账号进行注册｜有账号直接登录
3、点击右上角控制台 -> 应用管理 -> 我的应用 -> 创建应用
4、点击当前创建的应用下的添加按钮

5、提交之后即可得到高德api的key

获取并使用高德微信小程序js依赖文件amap-wx.js

1、高德相关下载：进入官网进行下载解压后即可得到

2、将amap-wx.js放在你的项目静态工具文件夹中
3、在需要使用到api的页面引入，我们当前在uniapp中使用

import amap from '../../static/utils/amap-wx.130.js'const amapObject = new amap.AMapWX({ key: 'd0e71ed20b5be541aa8de0a0b547d4f5' })
amapObject.getRegeo({success: (res) => {console.log(res, res[0].regeocodeData.formatted_address)},fail: (err) => {console.log(err)}
})

注意1：由于当前获取位置是在小程序内部，所以必须添加小程序所需的permission用于小程序获取用户地理位置授权。
原生微信小程序开发：在appjson中进行配置

{"pages": ["pages/index/index"],"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}}
}

uniapp开发：在manifest.json下 -> 微信小程序配置 -> 微信小程序权限配置 -> 位置接口 -> 描述：你的位置信息将用于小程序位置接口的效果展示

注意2：若是报错https://restapi.amap.com未配置在request合法域名中，则是由于amap api调用了当前域名下接口但是微信公众平台上没有进行配置导致，将当前域名配置在微信小程序request合法域名即可。
路径：微信公众平台 -> 小程序 -> 开发管理 -> 开发设置 -> 服务器域名

运行程序得到输出

1、会首先获取地理位置信息授权

2、确定：在调用api之后，success callback输出结果

3、取消：在调用api之后，fail callback输出结果

备注

记录供后续翻阅

记录：uniapp微信小程序通过高德api获取当前详细的地理位置信息相关推荐

uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
微信小程序使用高德API获取位置信息
//调用方法app.getAmapLocation().then((res) => {console.log(res);}); var amapFile = require('static/js ...
uni-app 微信小程序接入高德SDK
uni-app 微信小程序接入高德SDK 参考文档:https://lbs.amap.com/api/wx/gettingstarted 一.获取高德Key 配置高德key 二.获取高德key的操作步 ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
微信小程序整合高德地图获取定位经纬度信息
1.登录高德地图https://lbs.amap.com/ a.创建新应用这个key后边整合的时候会用到,精彩继续 b.下载SDK https://lbs.amap.com/api/wx/down ...
uniapp微信小程序授权登录并获取手机号
新版:前端要授权两次,一次获取用户信息授权码code,另外一次获取用户手机授权码code,全部传给后端.后端通过用户信息授权码获取openid,通过手机授权码获取手机号码.老版:前端传给后端授权码co ...
微信小程序在java后台获取用户unionid等敏感信息
最近在弄小程序,阅读了微信官方文档,上面说可以在后台获取用户的openid和unionid这些敏感信息,当然网上也有不少帖子,有的是在前台获取的,不过这里不太建议把这些敏感信息放在前台,毕竟不太安全. ...
微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度
最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-w ...
微信小程序使用高德SDK获取天气
import amapFile from '@/libs/amap-wx.js'this.myAmapFun = new amapFile.AMapWX({key: 'your key'});this ...

最新文章

热门文章