使用腾讯地图来获取定位

第一步
首先获取到公众号的唯一标识，生成签名的时间戳，生成签名的随机串，签名，需要使用的js接口；列表


wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert 出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: wxData.appId, // 必填，公众号的唯一标识timestamp: wxData.timestamp, // 必填，生成签名的时间戳nonceStr: wxData.nonceStr, // 必填，生成签名的随机串signature: wxData.signature, // 必填，签名jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表
})

wx.ready(function() {// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。wx.checkJsApi({jsApiList: ['getLocation'], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: function(res) {// 以键值对的形式返回，可用的api值true，不可用为false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}wx.getLocation({type: 'gcj02', // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，isHighAccuracy:'true',altitude:'true',success: function(res) {that.lat = res.latitudethat.lng = res.longitude//获取经纬度that.get_position()}});}});
});
wx.error(function(res) {// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。console.log(res, '接口验证失败')
});

这边要特意说一下，wx.getLocation里的type要选gcj02，并在真机上调试，这样定位不会发生偏移

使用腾讯地图来获取定位相关推荐

html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...
腾讯地图实时精准定位
最近写项目的时候遇到一个问题,需要用到实时定位,H5页面怎么实时定位.然后就是各种百度和文档,试用了很多方法,都不太理想,终于找到一个比较中肯的方法. 我用的是腾讯地图,使用的话去腾讯地图注册账号申请 ...
腾讯地图调用获取经度纬度代码
腾讯地图调用获取经度纬度代码 //腾讯地图拼接好的数据返回经度和纬度 function getPositionInfo($address) { header("Content-type:te ...
C#腾讯地图Web端定位地址搜索及手机导航
前段时间项目涉及到腾讯地图的业务,这里马克一下. 一开始做腾讯地图功能完全是懵逼的,一搜网上做百度地图居多,问为什么不用百度地图,原因是后面会衔接微信,百度定图定位会有偏差,网上一搜,果真有不少网友吐 ...
vue 腾讯地图展示用户定位附近的门店
前言本需求主要是获取用户当前定位,并将定位返回的经纬度坐标请求到后端接口,后端返回距离用户最近的门店,并且前端把门店标记在地图上. 关于坐标系我们通常用经纬度来表示一个地理位置,但是由于一些原因, ...
java集成腾讯地图并获取用户附近商家
前言: 最近公司想集成地图然后实现一些定位功能解决思路: 一.集成腾讯地图(小程序中干脆就用他自己的产品) 二.获取用户授权定位三.利用经纬度计算距离推算出附近商家具体做法: 一.后台集成腾讯地 ...
腾讯地图—WebService API定位的使用
这里主要介绍服务端IP定位腾讯位置服务WebService API开发指南一.简介开发指南对WebService API介绍: 腾讯地图WebService API 是基于HTTPS/HTTP协 ...
微信小程序之腾讯地图SDK获取当前城市位置信息
例如:小程序首页要显示用户地区需求:用户打开页面自动获取当前位置的定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.. 1.引入当前页面js文件中. //qqma ...
腾讯地图api-前端定位组件
前端定位组件地址:https://lbs.qq.com/tool/component-geolocation.html 前端定位组件中腾讯一共提供了三种方式去获取定位信息,详情可常见官网. 个人比较喜 ...

使用腾讯地图来获取定位

使用腾讯地图来获取定位相关推荐

最新文章

热门文章