vue中获取微信定位

最重要的是！！！！

【1.微信公众号设置js安全域名:前端必须部署在js安全域名下才能测试】和

【2.ip白名单：后端部署在ip白名单下的域名下才能测试】

1.下载依赖

npm install weixin-js-sdk --save-dev

2.使用的页面

//引入微信
import wx from 'weixin-js-sdk'

methods:{
    wxRegister() {
            // 这边的接口请换成你们自己的
            this.$post({
                functionName: "newWeiXinShareService",
                methodName: "weiXinShare",
                data: {
                    url: window.location.href
                }
            }).then((res) => {
                console.log('weixinshare',res);
                let data = res.data.data // PS: 这里根据你接口的返回值来使用
                wx.config({
                    debug: false, // 开启调试模式
                    appId: "wx130b58be46a7d4f0", // 必填，公众号的唯一标识
                    timestamp: data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.nonceStr, // 必填，生成签名的随机串
                    signature: data.signature, // 必填，签名，见附录1
                    jsApiList: [
                        'openLocation'
                    ] 
                })
            }).catch((error) => {
                console.log(error)
                // alert(error)
            })
            wx.ready((res) => {
                wx.getLocation({
                    success: function (res) {
                        var pointY = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                        var pointX = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                        var wxaccuracy=res.accuracy;
                        var map = new BMap.Map("allmap");
                        var point = new BMap.Point(pointX,pointY);
                        var gc = new BMap.Geocoder();
                        gc.getLocation(point, function(rs){
                           var addComp = rs.addressComponents;
                            if(wxaccuracy==30){
                                alert(addComp.city);
                            }
                        });
                    },
                    cancel: function (res) {
                        alert('用户拒绝授权获取地理位置');
                    }
                });
            })
        },
},
mounted(){
    //调用
    this.wxRegister();
}