vue cli3 微信获取地理位置逆地址解析

一、index.html 引入js

http://res.wx.qq.com/open/js/jweixin-1.2.0.js

二、通过config接口注入权限验证配置，通过wx.getLocation获得经纬度（后台返回签名信息）

mapFun() {var that = this,url = window.location.href,appId = that.appId;that.$http.get('/api/wxappservice/xx/xx/xx', {params: {url: url,appId: appId,}}).then(function(res) {console.log(res.data.data)that.wxMap(res.data.data.appid, res.data.data.timestamp, res.data.data.nonceStr, res.data.data.signature);}, (error) => {console.log(error);});},wxMap(appId, timestamp, nonceStr, signature) {var latitude = "";var longitude = "";var that=this;wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: appId, // 必填，公众号的唯一标识timestamp: timestamp, // 必填，生成签名的时间戳nonceStr: nonceStr, // 必填，生成签名的随机串signature: signature, // 必填，签名jsApiList: ['checkJsApi', 'getLocation', 'getNetworkType', 'previewImage'] // 必填，需要使用的JS接口列表});wx.ready(function() {wx.getLocation({type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'success: function(res) {latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。var speed = res.speed; // 速度，以米/每秒计var accuracy = res.accuracy; // 位置精度console.log(res);console.log(latitude + ',' + longitude)//that.address =longitude+','+latitudethat.getLIst(longitude,latitude)that.addressFun(latitude,longitude)}, cancel: function(res) {//alert("用户拒绝授权获取地理位置经度="+longitude+"，纬度="+latitude);}});});},

注意：wx.getLocation方法 type: 'gcj02' gcj02获取的地理位置相对准确

三、调用腾讯逆地址解析接口，解析为当前具体地址信息

//代理txMap为https://apis.map.qq.com 申请key值详见腾讯开发文档


addressFun(lat,lng){var that=this;var location=lat+','+lng;that.$http.get('/txMap/ws/geocoder/v1/', {params: {location:location,get_poi: 0,key:'你的key'}}).then(function(res) {console.log(res)//具体的地址信息that.address=res.data.result.address;}, (error) => {console.log(error);});},

vue cli3 微信获取地理位置逆地址解析相关推荐

vue ＋微信获取用户信息
vue + 微信获取用户信息本次项目做到一个点赞功能,即分享出去一个页面给微信好友,微信好友点开并点赞,需要将点赞用户的微信昵称,微信头像以及微信openid,微信unionid(这个需要关注公众号 ...
微信获取地理位置名称_使用地理名称的目标地理位置
微信获取地理位置名称 Location-based applications are all the rage. What used to be prohibitively expensive GP ...
微信小程序-逆地址解析
根据经纬度查询周围小区用到的是逆地址解析的功能,所谓的逆地址解析是指根据经纬度获取位置的相关描述,在申请完密钥后下载微信小程序 Javascript SDK 调用其提供的方法即可实现查询周围小区的功能 ...
微信获取地理位置转城市demo
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js ...
vue和java获取地理位置经纬度
一.java根据地理位置获取经纬度. 百度地图 SDK开发密钥的申请地址为:https://lbs.baidu.com/apiconsole/key#/home public class EntCoo ...
微信小程序逆地址解析
1.申请密钥创建个人开发账号 ->控制台 -> 应用管理 -> 创建应用勾选webServerApi和小程序,添加appId -> 生成应用密钥腾讯位置服务 2. 微信开放 ...
Vue通过微信定位+百度地图获取详细地理位置信息
项目中需要使用到定位功能,定位用户所在的省市,并自动填充到省市的选择列表中,微信开发中,定位功能直接使用微信提供的接口,方便并且简单,兼容性相对好处理因为微信定位或者百度地图的定位都是先通过定位获取 ...
微信小程序获取地理位置使用
微信小程序现在的地图定位是需要申请的.import amapFile from "../../common/amap-wx.130"; // 引入微信地图的SDK getLo ...
php 微信获取门店列表,【转载】微信公众号获取用户地理位置并列出附近的门店...
思路分析: 1.在微信公众号内获取用户地理位置需要js-sdk签名包(关于如何获取文档有介绍) 2.根据获取的地理位置ajax去后台请求,通过sql语句,查询中距离最近的门店(sql语句在网上搜的, ...

vue cli3 微信获取地理位置逆地址解析

一、index.html 引入js

二、通过config接口注入权限验证配置，通过wx.getLocation获得经纬度（后台返回签名信息）

注意：wx.getLocation方法 type: 'gcj02' gcj02获取的地理位置相对准确

三、调用腾讯逆地址解析接口，解析为当前具体地址信息

vue cli3 微信获取地理位置逆地址解析相关推荐

最新文章

热门文章

vue cli3 微信获取地理位置 逆地址解析

一、index.html 引入js

二、通过config接口注入权限验证配置，通过wx.getLocation获得经纬度（后台返回签名信息）

注意：wx.getLocation方法 type: 'gcj02' gcj02获取的地理位置相对准确

三、调用腾讯逆地址解析接口 ，解析为当前具体地址信息

vue cli3 微信获取地理位置 逆地址解析相关推荐

最新文章

热门文章

vue cli3 微信获取地理位置逆地址解析

三、调用腾讯逆地址解析接口，解析为当前具体地址信息

vue cli3 微信获取地理位置逆地址解析相关推荐