腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取

news2024/11/26 4:38:33

目录

第一章 前言

第二章 添加插件

2.1 微信小程序添加插件方法一(微信公众平台添加插件)

2.2 微信小程序添加插件方法二(通过项目配置添加插件)

2.3 微信小程序添加插件方法三(微信公众平台服务市场添加插件)

第三章 总结 

3.1 遇到的问题解决

3.2 总结

第一章 前言

微信小程序插件 | 腾讯位置服务

在微信小程序中,小编工作项目中的一个需求用腾讯位置服务的微信小程序JavaScript的sdk,利用官方文档api请求获取数据,自定义实现功能,最终结果有点瑕疵,不能满足样式需求,于是看到微信小程序插件中有插件能实现对应的功能,并且样式也满足,于是走了整个流程,并发现其中的问题,并解决。

第二章 添加插件

2.1 微信小程序添加插件方法一(微信公众平台添加插件)

  • 登录微信公众平台

注意点一:选择小程序

 注意点二:我们要找的功能在设置里面

  •  点击设置

  • 选择第三方设置

  •  点击添加插件

  • 添加成功

  •  点击详情查看插件信息

2.2 微信小程序添加插件方法二(通过项目配置添加插件)

  • 首先我们可以直接通过下面这个网址找到微信小程序插件模块

微信小程序插件 | 腾讯位置服务

  • 找到之后点击自己想要添加的插件(小编以地铁图插件为例)

  • 直接将需要的配置项复制到项目配置项中

  • 直接运行代码到微信小程序,会报错,查看报错信息

  • 点击添加插件

  • 微信小程序会为我们自动弹窗,让我们添加对应的插件,点击添加,会添加到我们微信公众平台注册的账号中,从而实现需求

  • 注意了,这里我添加失败了,说明这种方式不支持直接添加(方法一也会遇到添加失败的情况)

  • 小编重新配置了一个未添加的插件,小程序弹窗我两个插件没添加
  • 注意一下,小编是将城市选择器这个插件在后台删了,再执行的操作(千万别有这样的疑问:小编方法一明明添加了这个插件,怎么还会弹窗说未添加呢)
  • 这是添加成功的案例

  • 后台也会有对应的插件

2.3 微信小程序添加插件方法三(微信公众平台服务市场添加插件)

  • 方法三是一定能添加到我们想要的插件的 
  • 跟方法一一样在同一个页面

  •  找到服务市场

  • 也可以从小编给的这个网址进入 

微信服务市场

  • 点击服务市场,进入新页面,搜索想要添加的微信小程序插件

  • 搜索、选择我们想要的插件

  • 点击想要的插件,然后点击添加插件

  • 选择需要授权的小程序(这是小编的)

  • 选中,点击确定,添加成功 

  •  验证是否添加成功

第三章 微信小程序插件AppId

  • 第一处可以拿到微信小程序插件的AppId

 进入详情:

  • 第二处可以拿到微信小程序插件的AppId

第四章 总结 

4.1 遇到的问题解决

腾讯地图系列(三):微信小程序引用插件的问题解决-CSDN博客

4.2 总结

以上就是小编发现的添加微信小程序的三种方法,各有各的好处,方法一比较'规矩',方法二相对简便,如果方法一和方法二都找不到,方法三是肯定能找到并添加

如果对大家有用,点个赞吧!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1296588.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

OpenCL学习笔记(一)开发环境搭建(win10+vs2019)

前言 异构编程开发,在高性能编程中有重要的,笔者本次只简单介绍下,如何搭建简单的开发环境,可以供有需要的小伙伴们开发测试使用 一、获取opencl的sdk库 1.使用cuda库 若本机有Nvidia的显卡,在安装cuda库后&#x…

理解 GET、POST、PATCH 和 DELETE 请求的参数传递方式

理解 GET、POST、PATCH 和 DELETE 请求的参数传递方式 本文将向您介绍在使用 GET、POST、PATCH 和 DELETE 请求时如何传递参数。通过详细解释每种请求的参数传递方式和示例代码,您将了解如何正确地将数据发送到服务器并与之交互。 GET 请求的参数传递方式 在 GET…

Navicat 技术指引 | 适用于 GaussDB 分布式的数据生成功能

Navicat Premium(16.3.3 Windows 版或以上)正式支持 GaussDB 分布式数据库。GaussDB 分布式模式更适合对系统可用性和数据处理能力要求较高的场景。Navicat 工具不仅提供可视化数据查看和编辑功能,还提供强大的高阶功能(如模型、结…

spring boot学习第五篇:spring boot与JPA结合

1、准备表,创建表语句如下 CREATE TABLE girl (id int(11) NOT NULL AUTO_INCREMENT,cup_Size varchar(100) COLLATE utf8mb4_bin DEFAULT NULL,age int(11) DEFAULT NULL,PRIMARY KEY (id) ) ENGINEInnoDB AUTO_INCREMENT4 DEFAULT CHARSETutf8mb4 COLLATEutf8mb4…

JVS低代码表单引擎:数据校验与处理的先锋

随着信息技术的迅速发展,数据校验与处理已经成为了各类应用中不可或缺的一环。尤其是在涉及敏感信息,如密码处理时,其安全性和准确性显得尤为重要。JVS低代码表单引擎提供了强大的文本组件触发逻辑校验功能,它能够在用户填写数据的…

[笔记]ARMv7/ARMv8 交叉编译器下载

开发 Cortex-A7、Cortex-A72 或其他 ARM 架构 profile 芯片时,经常需要下载对应架构的交叉编译器,所以写这篇笔记,用于记录一下交叉编译器下载流程,免得搞忘。 编译环境:ubuntu 虚拟机 下载地址 我们可以从 ARM 官网…

二分查找|前缀和|滑动窗口|2302:统计得分小于 K 的子数组数目

作者推荐 贪心算法LeetCode2071:你可以安排的最多任务数目 本文涉及的基础知识点 二分查找算法合集 题目 一个数组的 分数 定义为数组之和 乘以 数组的长度。 比方说,[1, 2, 3, 4, 5] 的分数为 (1 2 3 4 5) * 5 75 。 给你一个正整数数组 nums 和一个整数…

教育心得整理

压抑使人反抗,反抗就是报复,报复就会引起犯罪。要消灭犯罪,我们必须杜绝引起孩子报复心理的行为,更重要的是,我们一定要对孩子表现出来爱与尊重 限制批评的次数限制每次批评的范围限制每次批评的强度 当彼此的信任和…

数据结构-线性表的链式存储结构

术语: 1.结点:数据元素的存储映像。有数据域和指针域两部分组成。 2.链表:n个结点由指针组成一个链表 3.结点只有一个指针域的链表,成为单链表或线性链表。 4.结点有两个指针域的链表,成为双链表。 5.首尾相接的链…

大创项目推荐 交通目标检测-行人车辆检测流量计数 - 大创项目推荐

文章目录 0 前言1\. 目标检测概况1.1 什么是目标检测?1.2 发展阶段 2\. 行人检测2.1 行人检测简介2.2 行人检测技术难点2.3 行人检测实现效果2.4 关键代码-训练过程 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 🚩 毕业设计…

Day54力扣打卡

打卡记录 出租车的最大盈利(动态规划) 链接 class Solution:def maxTaxiEarnings(self, n: int, rides: List[List[int]]) -> int:d defaultdict(list)for start, end, w in rides:d[end].append((start, end - start w))f [0] * (n 1)for i in…

Spring Boot整合 Spring Security

Spring Boot整合 1、RBAC 权限模型 RBAC模型(Role-Based Access Control:基于角色的访问控制) 在RBAC模型里面,有3个基础组成部分,分别是:用户、角色和权限,它们之间的关系如下图所示 SELECT…

案例061:基于微信小程序的互助学习系统

文末获取源码 开发语言:Java 框架:SSM JDK版本:JDK1.8 数据库:mysql 5.7 开发软件:eclipse/myeclipse/idea Maven包:Maven3.5.4 小程序框架:uniapp 小程序开发软件:HBuilder X 小程序…

销售技巧培训之如何提高手机销售技巧

销售技巧培训之如何提高手机销售技巧 随着科技的迅速发展,手机已成为我们日常生活中不可或缺的一部分。作为一名手机销售员,了解手机销售技巧是必不可少的。本文将通过案例分析与实践,为你揭示手机销售的奥秘。 一、了解客户需求 在销售过程…

IDEA 出现问题:Idea-操作多次commit,如何合并为一个并push解决方案

❤️作者主页:小虚竹 ❤️作者简介:大家好,我是小虚竹。2022年度博客之星评选TOP 10🏆,Java领域优质创作者🏆,CSDN博客专家🏆,华为云享专家🏆,掘金年度人气作…

【软件安装】VMware安装Centos7虚拟机并且设置静态IP,实现Windows和Centos7网络互相访问

这篇文章,主要介绍VMware安装Centos7虚拟机并且设置静态IP,实现Windows和Centos7网络互相访问。 目录 一、VMware安装Centos7 1.1、下载Centos7镜像 1.2、安装Centos7系统 二、设置静态IP地址 2.1、查看虚拟机网络IP 2.2、禁用NetworkManager服务 …

Elastic Support Hub 转向语义搜索

作者:Chris Blaisure 我们很高兴与大家分享 Elastic Support Hub 最近的增强功能:它现在由语义搜索提供支持! 但在我们更详细地了解对 Elastic Support Hub 所做的更改及其对客户的影响之前,我们需要花点时间解释语义搜索的概念&…

Amazon CodeWhisperer 开箱初体验

文章作者:Coder9527 科技的进步日新月异,正当人工智能发展如火如荼的时候,各大厂商在“解放”码农的道路上不断创造出各种 Coding 利器,今天在下就带大家开箱体验一个 Coding 利器: Amazon CodeWhisperer。 亚马逊云科…

【HTML】解析垂直滚动轮播效果的HTML、CSS和JavaScript实现

解析垂直滚动轮播效果的HTML、CSS和JavaScript实现 在现代Web开发中,滚动轮播效果是网页设计中常见的交互元素之一。在本文中,我们将深入解析一段HTML、CSS和JavaScript的代码,实现了一个简单而高效的垂直滚动轮播效果。通过该代码&#xff…

自动化使用GradCAM处理图片(用于ViT和swin的变体)附链接

GradCAM_On_ViT 用于可视化模型结果的 GradCAM 自动脚本 如何在 GradCam 中调整 XXXFormer 请确保您的模型格式正确。 如果您应用的变压器是类似 swin(无ClassToken)或类似 ViT (有ClassToken) 张量的形状可能看起来像[Batc…