1、调用api获取自身经纬度

uni.getLocation({type: 'gcj02',//腾讯地图使用gcj02获取位置坐标success: function (res) {console.log('当前位置的经度:' + res.longitude);console.log('当前位置的纬度:' + res.latitude);
})

2、通过经纬度获取地址信息

在腾讯位置服务注册并申请自己的key 腾讯位置开发指南
引入腾讯sdk.js 下载链接

import qqmapsdk from "@/util/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.min.js"uni.getLocation({type: 'gcj02',//腾讯地图使用gcj02获取位置坐标success: function (res) {console.log('当前位置的经度:' + res.longitude);console.log('当前位置的纬度:' + res.latitude);const   QQMapWX = new qqmapsdk({//填写自己申请的Keykey: 'BNPBZ-JQULP-46KDJ-L7WFU-YJAGJ-ZQFLS'   });// 解析地址QQMapWX.reverseGeocoder({location: {latitude: res.latitude,longitude: res.longitude},success: (res) => {//定位成功console.log(res.result.formatted_addresses.recommend)},fail: function(res) {uni.showToast({title: '定位失败',duration: 2000,icon: "none",})},})}
})

3、通过经纬度获取附近地址信息

let location = [res.latitude, res.longitude]
let StringLocation = location.toString()
uni.request({url: "https://apis.map.qq.com/ws/geocoder/v1/",data: {location: StringLocation,key: "BNPBZ-JQULP-46KDJ-L7WFU-YJAGJ-ZQFLS",  //填写自己申请的Keyget_poi: 1},success: (res => {console.log(res.data.result.pois);})
})

uni-app写微信小程序获取位置信息相关推荐

  1. uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”

    本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段 我们在用 uni-app 开发微信小程序时, ...

  2. uni-app开发微信小程序获取位置信息并且计算距离

    一.uniapp项目 打开uniapp项目的配置文件manifest.json,选择"源码视图". /* 小程序特有相关 */ "mp-weixin": {&q ...

  3. uni app 开发微信小程序及上线体验

    uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...

  4. 微信小程序获取用户信息(纯前端)

    特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...

  5. 微信小程序获取用户信息

    微信小程序获取用户信息 微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...

  6. 微信小程序 获取用户信息并保存登录状态

    微信小程序 获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...

  7. 微信小程序获取用户信息-头像、昵称......

    微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 目录 微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...

  8. 微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ

    微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...

  9. 微信小程序获取dom信息

    微信小程序获取dom信息 我这里用来计算高度用 onShow(){var that=this;//获取元素var query = wx.createSelectorQuery();//获取内容高度qu ...

最新文章

  1. 史记.饭岛爱列传(转)
  2. nginx和apache 配置
  3. java替换html特殊字符,HTML特殊字符替换问题 html escape相关
  4. Linux 文件和目录的属性
  5. aes js 加盐值 解密_Java已有AES加解密,现需要前端Javascript加密调接口,返回的数据需要解密,目前互..._慕课猿问...
  6. 推荐:个人时间跟踪工具 ManicTime
  7. java 同步锁_Java多线程:synchronized同步锁的使用和实现原理
  8. IE6不支持min-heigt的bug解决的办法
  9. lan交换和无线教师手册_无线AP组网方式有多种,办公楼的无线覆盖系统的组网方式有哪些?...
  10. LeetCode 945. 使数组唯一的最小增量
  11. 看雪CTF.TSRC 2018 团队赛 第十二题『移动迷宫』 解题思路
  12. 2019牛客多校第二场F Partition problem(暴搜)题解
  13. 二叉查找树(BST)的性质
  14. Node.js .sh scripts Manager
  15. WIN10使用 NetSpeedMonitor
  16. Java 多线程编程
  17. 0-0 从零开始的51单片机教程
  18. 服务器 关闭系统默认共享,默认共享还是有用滴!
  19. 伪素数c语言代码,伪素数--绝对伪素数的分析与探求
  20. HTML CSS 学习笔记

热门文章

  1. 人脸识别,验证,登录开发 (三)
  2. Vue 3.0 到底好在哪里?(尤雨溪点赞文)
  3. Photoshop切图简单设置+工具介绍+以及切图方法
  4. VLDB‘22 HiEngine极致RTO论文解读
  5. Mongodb访问控制
  6. 浪潮刀片服务器型号,浪潮刀片服务器 NF600 Center
  7. Mac 开发(一) 苹果沙盒机制sandbox 简介
  8. 基于百万级别的站内信设计
  9. FFmpeg的下载和安装
  10. 企业邮箱注册购买优惠有哪些,企业工作邮箱怎么注册购买?