微信中html调用地图导航 可唤醒高德百度地图app(vue)

1.安装weixin-js-sdk
npm i -S weixin-js-sdk

2 获取微信授权
 import wx from 'weixin-js-sdk'
 async created() {
          //签名的URL
        let sign_url = "";
        if (window.__wxjs_is_wkwebview === true) {
            //如果当前设备是IOS
            sign_url = window.location.href.split("#")[0];
        } else {
            //非IOS设备
            sign_url = window.location.href;
        }
        //getSign()方法 为后端授权
        let res = await getSign({
            url: encodeURI(sign_url),
        });
        if (res.code === 200) {
            wx.config({
                debug: false, // 开启调试模式,
                appId: res.details.data.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
                timestamp: res.details.data.timeStamp, // 必填，生成签名的时间戳
                nonceStr: res.details.data.nonceStr, // 必填，生成签名的随机串
                signature: res.details.data.signature, // 必填，签名，见附录1
                jsApiList: ["openLocation"], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });
        }
  },
},
methods:{
      goMapWx() {
      wx.openLocation({
        latitude: "", // 纬度，浮点数，范围为90 ~ -90
        longitude: "", // 经度，浮点数，范围为180 ~ -180。
        name: "", // 位置名
        address: '', // 地址详情说明
        scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
        infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
      })
    },
  },
}