微信html5页面调用第三方位置导航 参考:微信公众号开发文档

samwiki 1天前 9

微信html5页面调用第三方位置导航 参考:微信公众号开发文档

微信h5页面拉起第三方导航应用需要准备的:•通过微信认证的公众号•有备案过的域名背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能需求:当用户点击导航按钮时,跳转到第三方app进行导航参考:微信公众号开发文档步骤:在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.cgi-bin/index?lang=zh_CNjssdk的签名权限,这个权限是由后台提供的,前端只需要把签名权限注入到wx.config中就可以了,相信用过微信其他api的这一步都可以省了wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: '', // 必填,公众号的标识timestamp: , // 必填,生成签名的时间戳nonceStr: '', // 必填,生成签名的随机串signature: '',// 必填,签名jsApiList: ['openLocation'] // 必填,需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口 });这里需要注意的地方debug在上线后要改为false,jsApiList里要填你要使用的接口,不然没有作用给导航按钮注册点击事件,调用wx.openLocation方法$('.btn2').click(function () {wx.openLocation({latitude: 22.545538, // 纬度,浮点数,范围为90 ~ -90longitude: 114.054565, // 经度,浮点数,范围为180 ~ -180。name: '这里填写位置名', // 位置名address: '位置名的详情说明', // 地址详情说明scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为更大 }); })点击后会跳转到微信的位置页面,点击右下角的导航就能拉起第三方的导航拉!5.微信用的是gcj02的坐标,有些地图用的是wgs84的坐标,如果出现误差比较大,可以考虑是不是传入的经纬度问题,具体的可以问度娘更多尽在:sem托管公司 | 网址:http://www.vgzg.cn/

这家伙太懒了,什么也没留下。
最新回复 (0)
    • 废品回收论坛 -fphs.cc
      2
          
返回
发新帖