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

这篇具有很好参考价值的文章主要介绍了腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

第一章 前言

第二章 添加插件

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

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

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

第三章 总结 

3.1 遇到的问题解决

3.2 总结

第一章 前言

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

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

第二章 添加插件

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

  • 登录微信公众平台

注意点一:选择小程序

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  •  点击设置

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  • 选择第三方设置

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  •  点击添加插件

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  • 添加成功

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  •  点击详情查看插件信息

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

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

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

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  • 点击添加插件

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  • 后台也会有对应的插件

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  •  找到服务市场

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

微信服务市场

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

  •  验证是否添加成功

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

第三章 微信小程序插件AppId

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

 进入详情:

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

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

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取,高德/腾讯/百度地图系列,微信小程序,小程序,前端,uni-app,插件,微信公众平台,微信开放平台

第四章 总结 

4.1 遇到的问题解决

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

4.2 总结

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

如果对大家有用,点个赞吧!!!文章来源地址https://www.toymoban.com/news/detail-759732.html

到了这里,关于腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • uniapp - 微信小程序利用腾讯地图插件实现搜索地点/位置功能,uniapp小程序平台端使用腾讯地图做搜索城市位置+底部自动根据关键字联想其他相关位置(详细示例源码,一键复制开箱即用!)

    uniapp - 微信小程序利用腾讯地图插件实现搜索地点/位置功能,uniapp小程序平台端使用腾讯地图做搜索城市位置+底部自动根据关键字联想其他相关位置(详细示例源码,一键复制开箱即用!)

    在uniapp微信小程序开发中,安装使用腾讯地图插件,并利用腾讯地图功能完成目的地、城市位置、名称等搜索功能,并且在下拉框中自动 “联想” 相关的地点位置。 最终效果图有点模糊,你可以按照教程一路复制就可以搞定了。

    2024年02月03日
    浏览(135)
  • 微信小程序集成腾讯地图

    微信小程序集成腾讯地图

    微信小程序集成腾讯地图,实现用户附近停车位搜索显示。 官方地址:https://lbs.qq.com/ 下面这个是我的个人公共号 只会写Bug的程序猿 ,大家可以关注一下,一键三连。相互交流学习。

    2024年02月04日
    浏览(122)
  • 微信小程序使用腾讯地图

    第一步:登录或者注册腾讯地图官方(地址:https://lbs.qq.com/) 第二步:在创建sdk; 创建方法:进入控制面板后显示创建sdk,点击之后输入名称和选择应用场景后点击设置选择web和小程序后输入APPID后点击确定就好。 第二步:在微信小程序开发管理页面里面的域名管理里面输

    2024年02月04日
    浏览(44)
  • 微信小程序腾讯地图定位转高德地图定位

    微信小程序获取到了当前用户的定位,需要在高德地图上进行渲染。 发现正常渲染后,偏差几百米。 这里图方便,直接丢到window上了 这里演示“腾讯地图”转“高德地图”

    2024年01月25日
    浏览(58)
  • 微信小程序调用腾讯地图选点

    微信小程序调用腾讯地图选点

    小程序中实现选择地址 1.在小程序后台的设置第三方设置在插件管理中添加插件搜索腾讯位置服务地图选点 2.插件引入后可以点击详情查看文档 (1)首先在app.json中添加插件 //app.json \\\"plugins\\\":{             \\\"chooseLocation\\\":{                 \\\"version\\\":\\\"1.0.9\\\",             

    2024年02月10日
    浏览(45)
  • 微信小程序引入腾讯地图图解

    微信小程序引入腾讯地图图解

    一、准备工作 1.小程序 (qq.com)进入网址注册属于自己的小程序: 填写信息-登录邮箱激活-信息登记 2.完成后,就会进入这个页面 3.在小程序管理后台 - 开发 - 开发管理 - 开发设置 - “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com 注意此处的开发者ID-小程序ID在下

    2024年02月03日
    浏览(46)
  • 微信小程序 - 腾讯地图SDK

    转自:https://github.com/qcomdd/qqmap-wx 微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法。 js文件中有大量注释。官方文档传送门 http://lbs.qq.com/qqmap_wx_jssdk/index.html 做一下简单的使用摘要 #简介# 腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘

    2024年02月16日
    浏览(48)
  • 微信小程序 --- 腾讯地图线路规划

    微信小程序 --- 腾讯地图线路规划

    目录 微信小程序JavaScript 简介 Hello world! geocoder(options:Object) 微信小程序插件 简介 路线规划插件 入驻腾讯位置服务平台 申请开发者密钥(Key):申请秘钥 Key的作用与注意事项 微信公众平台绑定插件 方式一: 方式二: 方式三: 插件介绍 接入指引 相关参数说明 插件错误处

    2024年04月13日
    浏览(14)
  • 微信小程序地图组件利用腾讯地图生成热力图

    微信小程序地图组件利用腾讯地图生成热力图

    由于找遍全网都没有使用过腾讯地图热力图接口的,所以我是靠自己一个个尝试的,所有尝试了很多步骤才做出来,所以很多步骤可能多于,但是我也不知道拿几个步骤才是真正实现热力图的,所以全部都写出来,如果大家有补充的可以在评论区发言。本人水平不足,很多地

    2024年02月10日
    浏览(112)
  • 微信小程序使用腾讯地图完整流程

    微信小程序使用腾讯地图完整流程

    前言:开发小程序需要得到定位和位置的省市区文字信息,看了所有的文章都没有一个完整和像样的,全是copy来,copy去的文章 - _ -!,一怒之下,开始了自己的踩坑之路 腾讯地图地址:腾讯位置服务 - 立足生态,连接未来 1.常规的申请账号登录 2.新建应用  3.点击添加key  

    2023年04月09日
    浏览(8)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包