前言:
开发项目时,先理清需求,在动手编写代码,这样有利于提高项目进度。在当前项目中我需要在打卡的时候显示当前打卡的地点。如下图:
一、腾讯位置服务简介
腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!
二、申请密钥
在腾讯位置服务中找到【微信小程序JavaScript SDK】进行申请密钥,开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)
三、下载微信小程序JavaScriptSDK
微信小程序 JavaScriptSDK v1.1 JavaScriptSDK v1.2
四、添加服务
在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com
五、接下来就是代码了
在需要使用的小程序页面的js文件中引入
1 const QQMapWX = require('你下载的JavaScriptSDK解析文件'); 2 const qqmapsdk = new QQMapWX({ 3 key: '申请的密钥' 4 4 });
在方法里面调用reverseGeocoder函数
1 qqmapsdk.reverseGeocoder({ 2 get_poi: 1,//是否返回周边POI列表(0:不返回,1.返回): 3 location:‘需要解析地址的经纬度’, 4 success: function(res) {//成功后的回调 5 console.log(res) 6 } 7 })
到这,在微信小程序中通过经纬度解析地址就完结了。