小程序如何引入腾讯位置服务

小程序如何引入腾讯位置服务

1.添加服务

登录 微信公众平台 注意:小程序要企业版的

第三方服务 -> 服务 -> 开发者资源 -> 开通腾讯位置服务

在设置 -> 第三方设置 中可以看到开通的服务,如果没有就在插件管理中添加插件

2.腾讯位置服务添加应用

注册好账号之后在应用管理 -> 我的应用

添加应用 -> 添加key
跳转链接点这里

3.引入插件包

找到地图选点的appId: wx********

javascript 复制代码
// app.json
{
  "plugins": {
    "chooseLocation": {
      "version": "1.0.10",
      "provider": "wx******** "
    }
  }
}

4.设置定位授权:

地图选点插件需要小程序提供定位授权才能够正常使用定位功能:

javascript 复制代码
// app.json
{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  }
}

5.使用插件:

插件页面调用示例:

javascript 复制代码
const key = ''; //使用在腾讯位置服务申请的key
const referer = ''; //调用插件的app的名称
const location = JSON.stringify({
  latitude: 39.89631551,
  longitude: 116.323459711
});
const category = '生活服务,娱乐休闲';

wx.navigateTo({
  url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`
});

然后就报错了


要统一小程序类目和腾讯位置服务类目,还需要小程序是企业版,不能是个人账户

6.申请wx.getLocation接口

解决办法:小程序中 开发管理 -> 接口设置 -> 开通申请

maifest.json 也要配置,不然只配置permission也不生效

7.完美解决

关注博主更多文章 https://blog.csdn.net/qq_39882537

相关推荐
We་ct22 分钟前
LeetCode 173. 二叉搜索树迭代器:BSTIterator类 实现与解析
前端·算法·leetcode·typescript
weixin_3954489128 分钟前
main.c_0222cursor
c语言·前端·算法
无尽的沉默1 小时前
Thymeleaf 表达式
java·开发语言·前端
无尽的沉默1 小时前
Spring Boot 整合 Thymeleaf 模板引擎
java·前端·spring boot
We་ct1 小时前
从输入URL到页面显示的完整技术流程
前端·edge·edge浏览器
先做个垃圾出来………1 小时前
DeepDiff差异语义化特性
服务器·前端
蓝帆傲亦2 小时前
前端常用可视化图表组件大全
前端
CappuccinoRose2 小时前
HTML语法学习文档(九)
前端·学习·架构·html5
NEXT062 小时前
BFC布局
前端·css·面试
菜鸟小芯2 小时前
【GLM-5 陪练式前端新手入门】第四篇:卡片布局 —— 让个人主页内容更有层次
前端·人工智能