效果图

首先要在微信开放平台的小程序里 添加插件

具体配置，可以参考官方文档

腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 (qq.com)

同时还要申请接口的权限，不然小程序上线的时候不能过审

然后申请腾讯地图的key

我的应用 (qq.com)

注意在配置的时候webapi的域名不要填写，不如然会有微信小程序腾讯位置服务地图选点请求来源未被授权的提示如下

出现这种情况也可能是你的key和应用名写错了

然后开始写代码

app.json代码

"plugins": {"chooseLocation": {"version": "1.0.9","provider": "wx76a9a06e5b4e693e"}}

页面代码.wxml （可以选择用函数包裹，然后做成点击触发事件）

 const chooseLocation = requirePlugin('chooseLocation');
Page({onweizhi:function () {wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success (res) {const key = ''; //使用在腾讯位置服务申请的keyconst referer = ''; //调用插件的app的名称const location = JSON.stringify({latitude: res.latitude,longitude: res.longitude});const category = '旅游景点,文化场馆,酒店宾馆';//选择你需要的wx.navigateTo({url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`});}})},},onShow: function () {const location = chooseLocation.getLocation();console.log(location)var dizhi = Array()dizhi[0] = location.province.replace("省","")dizhi[1] = location.city.replace("市","")dizhi[2] = location.namethis.setData({dizhi:dizhi})},})

dizhi[0] = location.province.replace("省","")
dizhi[1] = location.city.replace("市","")

这两行我是把省市两个字过滤了

最后可以用了,有啥问题可以留言

微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权相关推荐

微信小程序根据坐标点解析地址常见报错：请求来源未被授权
功能需求微信小程序提供的接口能够获取到当前位置的坐标(经纬度),但是不能得到当前位置的地址.或者从后台获取到坐标(经纬度)要解析成文字描述的地址小程序也没有对应的接口. 实现思路这时候就需要通过腾 ...
一键搭建微信小程序开发环境及demo运行（腾讯云上一键搭建node.js服务器环境，PHP，Java，.NET服务类似）
一.首先准备下本地环境(本地就需要一个微信开发工具) 1.首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册. 注册登陆后,首页填写一些小程序基本信息 ...
[微信小程序]小程序引入腾讯地图选点插件出现：未取得授权
问题:小程序引入腾讯地图选点插件出现:未取得授权在微信小程序引入腾讯地图选点插件:官方文档 1.微信小程序接入腾讯地图服务,申请Key 2.在 app.json 中添加 "plugins& ...
微信小程序知道商家的具体地址但不知道经纬度如何通过自身的位置再通过距离的远近接单？
认定了就要好好的珍惜对待,人生不容辜负,你必须要更加努力 .加油骚年. 微信小程序知道商家的具体地址但不知道经纬度如何通过自身的位置再通过距离的远近接单? 话不多说按步骤来就完事了第一步 ...
小程序加入人脸识别_【提示】@车墩志愿者们身份证+人脸识别 “志愿云自助服务”微信小程序上线再也不用担心忘记用户名密码了...
本微信转自"文明松江" 全国志愿服务信息系统上线"志愿云自助服务"微信小程序,通过身份证比对和人脸识别技术,"上海志愿者网"注册志愿者可自助 ...
微信小程序云开发用户身份登录_你必须要掌握的微信小程序云开发
微信小程序开发已经成为目前最火爆的技能之一,无论是在求职.毕设.兴趣培养等方面都已经成为一项必备技能,而小程序云开发技术的出现更是点燃了整个小程序生态圈. 在2019微信公开课PRO小程序分论坛上,腾 ...
前端的date类型后台接收_腾讯高级前端工程师支招，云开发实现小程序打赏和提现云开发实践...
导语微信打赏支付和红包提现,是日常高频功能,那么基于小程序云开发,如何实现小程序的打赏支付和红包提现呢?腾讯工程师给你支招. 如何实现小程序打赏支付 1.1 小程序打赏支付功能介绍这次的打赏功能, ...
Java生鲜电商平台-微服务生鲜电商用户中心的系统设计(小程序/APP)
Java生鲜电商平台-微服务生鲜电商用户中心的系统设计(小程序/APP) 说明:在微服务生鲜电商用户中心的系统设计中,我一直强调一个观点,就是你这个系统使用用户到底是TO B的还是TO C的呢?这个是 ...
微信小程序，分销系统，微商城（广州企客猫微信小程序开发定制公司）
有什么好处商家为什么要做微信小程序. 其实小程序的火爆其根本在于旺盛的市场需求.小程序的诞生解决了两个方小程是什么??? 小程序是一种无需下载安装,即可使用的手机应用.只需要扫描二维码, ...

微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权

效果图

注意在配置的时候webapi的域名不要填写，不如然会有微信小程序腾讯位置服务地图选点请求来源未被授权的提示如下

微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权相关推荐

最新文章

热门文章