一）小程序获得经纬度

调用wx.getLocation()方法，经纬度直接存在success回调函数的latitude和longitude中

  _getLocation(){wx.getLocation({success:(res)=>{let latitude=res.latitudelet longitude=res.longitude}})},

二）将经纬度转化为位置信息

1、首先开通腾讯位置服务，开发者每天有一万次的免费转化次数。开通地址

2、注册账号之后，在应用管理创建一个新应用，名字和类型都是任意写的。

记住这里的key，一会创建对象会用

3、点击编辑设置。勾选图中选项

4、下载需要的js文件，解压之后将文件放在小程序某个文件夹下。js文件下载

5、此时来到小程序，定义一个该页面的全局变量var qqmapsdk；

6、在onLoad中导入刚刚下载的js文件，并且用全局变量创建这个对象。

7、通过局部变量.reverseGeocoder将经纬度转化为对应的信息。

//全局变量
var qqmapsdk;
Page({//页面加载函数onLoad(options) {var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');qqmapsdk = new QQMapWX({key: "刚刚创建出来的那个key"})this._getLocation()},//信息转化函数_getLocation() {wx.getLocation({success: (res) => {let latitude = res.latitudelet longitude = res.longitudeqqmapsdk.reverseGeocoder({location:{latitude:latitude,longitude:longitude},success:function(res){//得到详细对象let result=res.result//从省份到县城再到某一路的位置信息let address=result.address//将上面信息变成JSON对象let addressComponent= result.address_component//国家let nation=addressComponent.nation//省份let province=addressComponent.province//市级单位let city=addressComponent.city//县级别单位let district=addressComponent.district}})},})},})

res.result返回的数据结构：

addressComponent返回的数据结构

三）uni-app版书写：

微信小程序、uni-app获取经纬度，并将经纬度转化为确定的位置信息相关推荐

uni-app微信小程序uni.getLocation获取位置；authorize scope.userLocation需要在app.json中声明permission；小程序用户拒绝授权后重新授权
需求:点击按钮获取当前微信位置,以及点击拒绝授权后,下次点击还可以拉起授权窗口: 拒绝授权后重新拉起授权操作: 直接授权操作: 一.问题1:报authorize scope.userLocation需 ...
uni-app 微信小程序模仿 app二层楼功能
uni-app 微信小程序模仿 app二层楼功能先占个坑,今天应该写不完, 后续在慢慢补全更新终于写完了这个的计算量很大,我自己的安卓机测试的时候一卡一卡的,公司同事的iphone是没有问题 ...
H5页面内嵌到微信小程序和APP，做分享操作
前言最近接到项目新需求,H5项目需要内嵌到微信小程序和APP里,然后将H5页面分享出去,被分享的人可以点击消息跳转到H5页面.H5页面不难,难的是要与微信小程序和APP进行交互,因为以前也没有接触过 ...
微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器(nodejs版)接收
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...
Android APP跳转微信小程序和APP跳转支付宝小程序传参
Android APP跳转微信小程序和APP跳转支付宝小程序传参微信开放文档链接 MINIPROGRAM_TYPE_PREVIEW:体验版. MINIPROGRAM_TYPE_TEST:开发版 MI ...
Java后端对接微信支付(微信小程序、APP、PC端扫码)非常全，包含查单、退款
首先我们要明确目标,我们点击微信支付官网 ,我们主要聚焦于这三种支付方式,其中JSPAI与APP主要与uniapp开发微信小程序与APP对接,而NATIVE主要与网页端扫码支付对接 1.三种支付统一 ...
微信小程序实现登录获取头像昵称
微信小程序如何来获取用户头像昵称大家一定对下面这个图不陌生吧,我们在进入小程序之前,都会遇见类似这样的情况,那么这个是怎么用微信开发者工具实现的呢? 要求 1.首先,我们打开微信开发者工具,新建一个 ...
微信小程序、app集成微信支付
一.微信小程序支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_11&index=2 申请小程序 ...
微信小程序--在app.js 和其他页面中更改globalData的值
微信小程序--在app.js 和其他页面中更改globalData的值 app.js中修改其他页面 app.js中修改在app.js中,应当在小程序初始化完成以后再更改全局变量的值,即在onLau ...
微信小程序读取nfc获取Ndef写入的数据
微信小程序读取nfc获取Ndef写入的数据文章目录 1.新建一个utils工具类里面新建utils.js文件 2.在add.json里面新建页面 3.代码如下(示例):nfc.wxml 4.代码如下 ...

微信小程序、uni-app获取经纬度，并将经纬度转化为确定的位置信息

一）小程序获得经纬度

二）将经纬度转化为位置信息

三）uni-app版书写：

微信小程序、uni-app获取经纬度，并将经纬度转化为确定的位置信息相关推荐

最新文章

热门文章