微信小程序-逆向解析(经纬度转地址)

前言:

  开发项目时,先理清需求,在动手编写代码,这样有利于提高项目进度。在当前项目中我需要在打卡的时候显示当前打卡的地点。如下图:

一、腾讯位置服务简介

   腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图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 })

  到这,在微信小程序中通过经纬度解析地址就完结了。

 

posted @ 2021-04-30 11:34  zhumeng_WEB  阅读(1454)  评论(0编辑  收藏  举报