背景：

需求是需要获取到当前位置的详细信息（结构化地址（省/市/区/街道/门牌号））

首先想到的是通过uni的getLocation() 获取当前位置，但是发现只能获取到经纬度坐标点，无法获取到结构化地址（省/市/区/街道/门牌号）

uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);}
});

通过高德SDK获取具体位置信息

开发步骤：

配置：

1、首先需要打开mainfest.json文件，然后点击微信小程序，勾选位置接口

2、如果微信小程序需要发布到线上，那么需要进入到微信公众平台，添加高德地图的域名为合法域名

开发>开发管理>服务器域名>request合法域名> 修改域名

uniapp 开发微信小程序，通过高德SDK获取当位置详细信息相关推荐

uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
uniapp开发微信小程序使用高德地图
uniapp 官方文档地图组件控制地图组件高德地图key需要公司去申请,之后自己在下载高德地图微信小程序插件下好的js文件放在项目中,之后在vue项目中的main.js文件中全局注入 // ...
微信小程序使用高德SDK获取天气
import amapFile from '@/libs/amap-wx.js'this.myAmapFun = new amapFile.AMapWX({key: 'your key'});this ...
uni-app 微信小程序接入高德SDK
uni-app 微信小程序接入高德SDK 参考文档:https://lbs.amap.com/api/wx/gettingstarted 一.获取高德Key 配置高德key 二.获取高德key的操作步 ...
uniapp开发微信小程序设置分包，简单易学（图解）
我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟因为小程序单个包只支持2MB,所以这时候我们要选择去分包. 有人要问了分包难吗?分包很简单.但是最重要的来了,分包这 ...
uni-app开发微信小程序使用微信小程序的插件
假如使用uni-app开发微信小程序需要用到官方插件----OCR插件, 插件地址如下: OCR插件申请方式见插件地址介绍.本文主要记录调用方式 1.在manifest.json的"mp- ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
uniapp开发微信小程序，从构建到上线
前言: 本文主要介绍 uniapp 的基础使用,以及使用 uniapp 在企业开发的过程中的一个详细流程,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考:使用 H ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...

uniapp 开发微信小程序，通过高德SDK获取当位置详细信息

背景：

通过高德SDK获取具体位置信息

开发步骤：

uniapp 开发微信小程序，通过高德SDK获取当位置详细信息相关推荐

最新文章

热门文章