微信页面底部导航栏,微信位置怎么用其他导航
微信页面h5拉起第三方导航应用
必需的:
微信官方账号,已通过微信认证,有备案的域名后台:微信微信官方账号点击菜单栏跳转到h5页面,需要导航功能。
要求:当用户点击导航按钮时,跳转到第三方app进行导航。
参考:微信微信官方账号开发文档
步骤:
在需要调用JS接口的页面引入以下JS文件,(HTTPS支持):http://res.wx.qq.com/cgi-bin/index? lang=zh _ CN
Jssdk签名权限,这个权限是后台提供的,前端只需要把签名权限注入wx.config我相信可以省去使用微信其他API的这一步。
` `` ` wx.config({ debug: true,//打开调试模式,所有被调用API的返回值都会在客户端进行告警。要查看传入参数,可以在pc端打开,参数信息会通过log录入,只在pc端打印。AppId: ,//必选,微信官方账号时间戳唯一标识符://必选,时间戳nonceStr: ,//必选,随机字符串签名签名: ,//必选,签名jsApiList: [openLocation] //必选,要使用的JS接口列表。在这里填写要用的微信。````这里需要注意的是,debug上线后要改成false,要用的接口要填false,jsApiList,否则没有效果。
注册导航按钮的click事件,并调用wx.openLocation方法。
$( Bt N2 )。click(function(){ wx . open location({ latitude:22.545538,//latitude,浮点数,范围90到-90经度:114.054565,//经度,浮点数,范围180到-180。名称:在此填写地名,//地址名称:地名细节描述,//地址细节描述比例:10,//地图缩放级别,整形值,范围1到28。默认值是最大值});})点击后会跳转到微信的位置页面。点击右下角的导航,拉起第三方的导航!
5.微信用的是gcj02的坐标,部分地图用的是wgs84的坐标。如果误差较大,可以考虑是不是传入的经纬度,具体可以问度娘。
这就是本文的全部内容。希望对大家的学习和支持有帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。