h5 微信公众号获取当前位置

1、首先在微信公众号上面判断有没有接口权限,这个坑我遇到过

开发->接口权限

开通了权限之后要去设置里面  设置-->公众号设置-->功能设置   配置安全域名

这些配置好了之后

那就直接写了

//获取经纬度
                $.ajax({
                    type: 'get',
                    url: 'https://apis.map.qq.com/ws/location/v1/ip',
                    data: {
                        key: '45IBZ-MFHWF-OZ3JM-NOH4V-H5S67-GPBUL', //腾讯key
                        output: 'jsonp',
                    },
                    dataType: 'jsonp',
                    success: function(res) {
                        var info = res.result.ad_info;
                        var locations=res.result.location;
                        localStorage.setItem("longitude", locations.lng);
                        localStorage.setItem("latitude", locations.lat); 
                        localStorage.setItem("city", info.city);
                        localStorage.setItem("district", info.district);    
                    }
                })

提示:微信公众号千万别用百度,高德那都是坑啊

 

 

 

 

 

 

 

 

 

 

 

H5页面想要通过ticket跳转到微信公众号,通常需要借助微信的JS-SDK,特别是其的`wx.navigateToMiniProgram`或`wx.redirectToMiniProgram`这两个API。以下是基本步骤: 1. **准备工作**: - 首先,确保你的微信公众号已开通并配置了小程序的能力,如获取用户信息等权限。 - 获取access_token和jsapi_ticket:你需要从微信公众平台的开发者工具获取到access_token和jsapi_ticket。 2. **引入微信JS-SDK**: 在HTML文件添加微信的JS安全域名,并在head标签里引入微信的JavaScript库。 ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" async></script> ``` 3. **注册事件处理函数**: 使用`wx.config`设置jsapi,提供必要的权限并初始化jsapi_ticket。 ```javascript function initWechat() { var appId = 'your_app_id'; wx.config({ debug: false, // 开发环境才打开调试模式 appId: appId, timestamp: getTimestamp(), // 调用后返回当前时间戳 nonceStr: generateNonceStr(), // 调用后生成随机字符串 signature: generateSignature(appId, timestamp, jsApiList), // 调用后计算签名 jsApiList: ['redirectToMiniProgram'] // 需要使用的JS接口列表 }); } //...其他生成nonceStr、signature等函数 ``` 4. **调用微信接口**: 当用户点击某个按钮触发跳转时,调用`redirectToMiniProgram`方法,传入小程序码ticket信息。 ```javascript function jumpToWX(miniProgramTicket) { wx redirectToMiniProgram({ path: '/pages/index/index', // 小程序路径 ticket: miniProgramTicket, success: function(res) { console.log('跳转成功'); }, fail: function(err) { console.error('跳转失败:', err); } }); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值