摘要:默认为最大点击后会跳转到微信的位置页面点击右下角的导航就能拉起第三方的导航拉微信用的是的坐标有些地图用的是的坐标如果出现误差比较大可以考虑是不是传入的经纬度问题具体的可以问度娘以上希望对你有所帮助文中如果哪里写错了欢迎指出欢迎加我讨论
微信h5页面拉起第三方导航应用
需要准备的:通过微信认证的公众号
有备案过的域名
背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能
需求:当用户点击导航按钮时,跳转到第三方app进行导航
参考:微信公众号开发文档
步骤:
在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/...
jssdk的签名权限,这个权限是由后台提供的,前端只需要把签名权限注入到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 ~ -90 longitude: 114.054565, // 经度,浮点数,范围为180 ~ -180。 name: "这里填写位置名", // 位置名 address: "位置名的详情说明", // 地址详情说明 scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大 }); })
点击后会跳转到微信的位置页面,点击右下角的导航就能拉起第三方的导航拉!
5.微信用的是gcj02的坐标,有些地图用的是wgs84的坐标,如果出现误差比较大,可以考虑是不是传入的经纬度问题,具体的可以问度娘
以上,希望对你有所帮助,文中如果哪里写错了,欢迎指出,欢迎加我QQ讨论:32319149 :)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/93378.html
摘要:默认为最大点击后会跳转到微信的位置页面点击右下角的导航就能拉起第三方的导航拉微信用的是的坐标有些地图用的是的坐标如果出现误差比较大可以考虑是不是传入的经纬度问题具体的可以问度娘以上希望对你有所帮助文中如果哪里写错了欢迎指出欢迎加我讨论 微信h5页面拉起第三方导航应用 需要准备的:通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用...
摘要:本文将从以下几个方面阐述架构设计的一些经验和思考。原文及讨论请到通讯作为一种跨语言开发模式,通讯层是架构首先应该考虑和设计的,往后所有的逻辑都是基于通讯层展开。 关于Hybrid模式开发app的好处,网络上已有很多文章阐述了,这里不展开。 本文将从以下几个方面阐述Hybrid app架构设计的一些经验和思考。 原文及讨论请到 github issue 通讯 作为一种跨语言开发模式,通讯...
阅读 1517·2021-09-22 15:52
阅读 3423·2021-09-22 14:59
阅读 2781·2021-09-02 15:12
阅读 921·2021-08-20 09:35
阅读 1536·2019-08-30 14:09
阅读 2679·2019-08-30 13:56
阅读 1545·2019-08-26 18:27
阅读 3327·2019-08-26 13:37