尚经起名网

您现在的位置是:首页 >

企业资讯

QQ自助刷赞 - 自助推广下单平台_空间点赞买

时间:2024-07-02 23:33 评论
一:申请路线规划插件->添加插件,直接搜腾讯位置服务路线规划添加成功后,点详情查看插件AppIDcom,我测试了一下自己的小程序,域名白名单不能不填,不然地图不显示同时在开发下面服务器域名添加请求白名单可以看到项目配置中,合法域名添加成功在要引入的页面的js中添加还有一点就是,插件不需要配置wxml啥的,直接app.json引入,页面js文件添加就行了。...

自助下单地址(拼多多砍价,ks/qq/dy赞等业务):点我进入

折腾了一晚上,找到的教程全是支离破碎! 在坑里摔啊摔啊,终于搞清楚了所有的流程。 想写一个小白版的教程(顺便说一句,我最喜欢有图的教程,很详细),直接进入正题吧。

1:申请路线规划插件

微信公众平台申请插件,此页面不是公众号,“登录”->“设置”->“第三方插件”->“插件管理”

->“添加插件”,直接搜索“腾讯位置服务路线规划”

添加成功后,点击“详情”查看插件AppID

可以看到插件的AppID为wx50b5593e81dd937a

二:申请key

key是开发者的唯一标识,点击这里“密钥管理”->“开发者密钥申请”->“创建密钥成功”,记录下来,以后使用

->“Key Settings”,填写名称和描述,然后勾选。 在此提醒一下像我一样在创建项目时喜欢使用测试号的同学。 这里授权的AppID一定要自己填写!等会告诉你去哪里找

域名白名单中填写servicewechat.com,我测试了自己的小程序,域名白名单必须填写,否则地图不会显示

在微信公众平台授权AppID -> “开发” -> “开发设置” -> “开发者ID”oppo的小插件怎么添加,可以看到我的AppID以24结尾

同时在“开发”下的“服务器域名”下添加请求白名单

至此基本配置完成,接下来的都在小程序项目中。 注意弄清楚插件的AppID和开发者(自己)的AppID,不要混淆

oppo的小插件怎么添加_oppo添加桌面快捷方式_oppo手机怎么添加桌面插件

三:小程序中的配置

如果项目还没有创建,记得填写自己的AppID,如果已经构建了,在“Details”中修改AppID即可

可以看到在“项目配置”中,合法域名已经添加成功

四、终于可以写代码了

在app.json中引入插件

"plugins": {
    "routePlan": {
      "version": "1.0.0",
      "provider": "wx50b5593e81dd937a"
    }
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  }

在要导入的页面的js中添加

let key = 'XXX';  //使用在腾讯位置服务申请的key
let referer = 'YYY';   //调用插件的app的名称
let endPoint = JSON.stringify({  //终点
  'name': '湖南省博',
  'latitude': 28.217823,
  'longitude': 112.999939
});
wx.navigateTo({
  url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});
Page({
  data: {
  
  },
});

说到referer,我直接填了项目名,测试了一下oppo的小插件怎么添加,只要不为空就行?不知道

效果如下,从我的位置到其他位置

五:踩过的坑和结论

1.控制台报错

"pages/../.." has not been registered yet.

原因是对应页面的.js文件中没有调用Page({}),新建文件还需要在.js文件中添加Page({});

2.修改代码后,重新编译原来显示的地图消失

估计是request的问题,重启项目就好了

总结:插件的使用确实很方便,但是官方的教程对我来说确实不够详细,因为很多我都没有配置,但是官方默认已经配置好了。 查看博客,发现他吐血了。 还有一点就是插件不需要配置wxml什么的,直接导入app.json即可,添加页面js文件即可。 我检查的教程是多种多样的。 我在wxml中使用map标签,在配置页面使用json命名组件,wxml引用组件。 反正绕了一大圈,麻烦死了。