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

ops/2025/1/16 16:02:35/

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

1.添加服务

登录 微信公众平台 注意:小程序要企业版的
第三方服务 -> 服务 -> 开发者资源 -> 开通腾讯位置服务
在设置 -> 第三方设置 中可以看到开通的服务,如果没有就在插件管理中添加插件


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

注册好账号之后在应用管理 -> 我的应用
添加应用 -> 添加key
跳转链接点这里
在这里插入图片描述

3.引入插件包

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

// app.json
{"plugins": {"chooseLocation": {"version": "1.0.10","provider": "wx******** "}}
}

4.设置定位授权:

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

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

5.使用插件:

插件页面调用示例:

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


http://www.ppmy.cn/ops/150592.html

相关文章

从项目代码看 React:State 和 Props 的区别及应用场景实例讲解

在 React 中,state 和 props 是组件的两个重要概念,它们有不同的作用和应用场景。理解它们之间的区别对于开发 React 应用至关重要。 1. state 和 props 的区别 props (属性): props 是由父组件传递给子组件的数据或函数。props 是只读的&am…

Kafka 超级简述

Kafka 就是一个 分布式的消息系统,它帮助不同的系统和应用之间传递信息。可以把它想象成一个超级高效的 “邮局”: 生产者(Producer) 就是把信息(消息)送到这个 “邮局” 的人。消费者(Consume…

ASP.NET Core - 缓存之分布式缓存

ASP.NET Core - 缓存之分布式缓存 1. 分布式缓存的使用2. 分布式缓存的接入2.1 基于内存的分布式缓存2.2 基于 Redis 的分布式缓存 分布式缓存是由多个应用服务器共享的缓存,通常作为访问它的应用服务器的外部服务进行维护。 分布式缓存可以提高 ASP.NET Core 应用的…

【微服务】面试 3、 服务监控 SkyWalking

微服务监控的原因 问题定位:在微服务架构中,客户端(如 PC 端、APP 端、小程序等)请求后台服务需经过网关再路由到各个微服务,服务间可能存在多链路调用。当某一微服务挂掉时,在复杂的调用链路中难以迅速确定…

如何使用 Java 的 Spring Boot 创建一个 RESTful API?

大家好,我是 V 哥,使用 Java 的 Spring Boot 创建 RESTful API 可以满足多种开发场景,它提供了快速开发、易于配置、可扩展、可维护的优点,尤其适合现代软件开发的需求,帮助你快速构建出高性能的后端服务。例如&#x…

模之屋模型导入到UE5

去模之屋随便下个模型 安装Blender2.8 插件 cats-blender-plugin , 打开blender 2.8转换 pmx转换fbx https://github.com/absolute-quantum/cats-blender-plugin Index of /release/Blender2.80/ 修改单位 修复贴图 更高清了 点fix model 修复模型 改为编辑模式…

升级 SpringBoot3 全项目讲解 — 为什么 SpringBoot3 应该抛弃 Maven,搭配 Gradle 来使用?

学会这款 🔥全新设计的 Java 脚手架 ,从此面试不再怕! 随着 Spring Boot 3 的发布,许多开发者开始考虑如何将现有项目升级到最新版本。Spring Boot 3 带来了许多新特性,包括对 Java 17 的支持、更好的性能优化以及对 G…

设计模式--命令模式【行为型模式】

设计模式的分类 我们都知道有 23 种设计模式,这 23 种设计模式可分为如下三类: 创建型模式(5 种):单例模式、工厂方法模式、抽象工厂模式、建造者模式、原型模式。结构型模式(7 种)&#xff1…