微信html5页面怎么调用第三方位置导航

  介绍

微信html5页面怎么调用第三方位置导航?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

需要准备的:

<李>

通过微信认证的公众号

<李>

有备案过的域名

背景:微信公众号点击菜单栏跳到编辑页面,需要用到导航功能

需求:当用户点击导航按钮时,跳转到第三方应用进行导航

参考:微信公众号开发文档

步骤:

在需要调用JS接口的页面引入如下JS文件,(支持https): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN

jssdk的签名权限,这个权限是由后台提供的,前端只需要把签名权限注入到wx.config中就可以了,相信用过微信其他api的这一步都可以省了

“;   wx.config ({   调试:真的,//开启调试模式,调用的所有api的返回值会在客户端提醒出来,若要查看传入的参数,可以在pc端打开,参数信息会通过日志打出,仅在pc端时才会打印。   appId: & # 39; & # 39;//必填,公众号的唯一标识   时间戳://必填,生成签名的时间戳   nonceStr: & # 39; & # 39;//必填,生成签名的随机串   签名:& # 39;& # 39;//必填,签名   jsApiList: [& # 39; openLocation& # 39;]//必填,需要使用的JS接口列表这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口   });   “

这里需要注意的地方调试在上线后要改为false, jsApiList里要填你要使用的接口,不然没有作用

给导航按钮注册点击事件,调用wx。openLocation方法

美元(& # 39;.btn2& # 39;)。点击(函数(){   wx.openLocation ({   纬度:22.545538//纬度,浮点数,范围为90 ~ -90   经度:114.054565//经度,浮点数,范围为180 ~ -180。   名称:& # 39;这里填写位置名& # 39;,//位置名   地址:& # 39;位置名的详情说明& # 39;,//地址详情说明//地规模:10日图缩放级别,整形值,范围从1 ~ 28。默认为最大   });   })

点击后会跳转到微信的位置页面,点击右下角的导航就能拉起第三方的导航拉!

5。微信用的是gcj02的坐标,有些地图用的是wgs84的坐标,如果出现误差比较大,可以考虑是不是传入的经纬度问题,具体的可以问度娘

感谢各位的阅读!看完上述内容,你们对微信html5页面怎么调用第三方位置导航大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

微信html5页面怎么调用第三方位置导航