uni-app写微信小程序获取位置信息
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写微信小程序获取位置信息相关推荐
- uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段 我们在用 uni-app 开发微信小程序时, ...
- uni-app开发微信小程序获取位置信息并且计算距离
一.uniapp项目 打开uniapp项目的配置文件manifest.json,选择"源码视图". /* 小程序特有相关 */ "mp-weixin": {&q ...
- uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
- 微信小程序获取用户信息(纯前端)
特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...
- 微信小程序获取用户信息
微信小程序获取用户信息 微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
- 微信小程序 获取用户信息并保存登录状态
微信小程序 获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
- 微信小程序获取用户信息-头像、昵称......
微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 目录 微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...
- 微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
- 微信小程序获取dom信息
微信小程序获取dom信息 我这里用来计算高度用 onShow(){var that=this;//获取元素var query = wx.createSelectorQuery();//获取内容高度qu ...
最新文章
- 史记.饭岛爱列传(转)
- nginx和apache 配置
- java替换html特殊字符,HTML特殊字符替换问题 html escape相关
- Linux 文件和目录的属性
- aes js 加盐值 解密_Java已有AES加解密,现需要前端Javascript加密调接口,返回的数据需要解密,目前互..._慕课猿问...
- 推荐:个人时间跟踪工具 ManicTime
- java 同步锁_Java多线程:synchronized同步锁的使用和实现原理
- IE6不支持min-heigt的bug解决的办法
- lan交换和无线教师手册_无线AP组网方式有多种,办公楼的无线覆盖系统的组网方式有哪些?...
- LeetCode 945. 使数组唯一的最小增量
- 看雪CTF.TSRC 2018 团队赛 第十二题『移动迷宫』 解题思路
- 2019牛客多校第二场F Partition problem(暴搜)题解
- 二叉查找树(BST)的性质
- Node.js .sh scripts Manager
- WIN10使用 NetSpeedMonitor
- Java 多线程编程
- 0-0 从零开始的51单片机教程
- 服务器 关闭系统默认共享,默认共享还是有用滴!
- 伪素数c语言代码,伪素数--绝对伪素数的分析与探求
- HTML CSS 学习笔记