当前位置: 首页 > Web前端 > HTML5

微信h5页面调用第三方定位导航

时间:2023-04-05 16:13:26 HTML5

微信h5页面拉起第三方导航应用准备工作:公众号微信认证注册域名背景:微信公众号点击菜单栏跳转到h5页面,需要使用导航功能要求:当用户点击导航按钮时,跳转到第三方APP导航参考:微信公众号开发文档步骤:在需要调用的页面导入如下JS文件JS接口,(支持https):http//res.wx.qq.com/open/js/...jssdk的签名权限,该权限由后台提供,前端只需要将签名权限注入wx即可.config,相信用过其他微信API可以省略这一步```wx.config({debug:true,//开启debug模式,所有调用的API返回值都会被alert客户端,查看传入的参数,可以在PC端打开,参数信息会通过日志打印出来,只在PC端打印。appId:'',//必填,公众号唯一标识timestamp:,//必填,生成签名的时间戳nonceStr:'',//必填,用于生成签名的随机字符串signature:'',//必填,签名jsApiList:['openLocation']//必填,这里需要用到的JS接口列表填写需要用到的微信apiopenlocation是使用微信内置地图查看位置接口});填写你要使用的界面,否则没用为导航按钮注册点击事件,调用wx.openLocation方法$('.btn2').click(function(){wx.openLocation({latitude:22.545538,//纬度,浮点数,范围90~-90longitude:114.054565,//经度,浮点数,范围180~-180.name:'这里填写地名',//Locationnameaddress:'位置名称详细描述',//地址详细信息scale:10,//地图缩放级别,整形值,范围1到28,默认最大});})点击后会跳转到微信定位页,点击右下角导航拉取第三方导航!5、微信使用gcj02坐标,部分地图使用wgs84坐标。如果误差较大,可以考虑是不是传入的经纬度,具体可以问度娘。希望对您有所帮助。文中如有错误,请指出。欢迎加我讨论QQ:32319149:)