• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

前言:

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

一、腾讯位置服务简介

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

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

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap