美文网首页
vue 调用微信JS-SDK

vue 调用微信JS-SDK

作者: Pluto_7a23 | 来源:发表于2022-01-06 11:08 被阅读0次

    下载js-sdk包

    npm i weixin-js-sdk
    

    首先通过后端接口获取授权

    wx.config({
      debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
      appId: '', // 必填,公众号的唯一标识
      timestamp: , // 必填,生成签名的时间戳
      nonceStr: '', // 必填,生成签名的随机串
      signature: '',// 必填,签名
      jsApiList: [‘openLocation’] // 必填,需要使用的JS接口列表 例如(获取地理位置)
    });
    

    授权成功之后

    wx.ready(function() { 
            wx.openLocation({
            latitude: ‘’ , // 纬度,浮点数,范围为90 ~ -90
            longitude: ‘’, // 经度,浮点数,范围为180 ~ -180。
            name:ress, // 位置名
            address: ‘’ , // 地址详情说明
            scale: 25, // 地图缩放级别,整形值,范围从1~28。默认为最大
            infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
        })
    }
    

    就可以调用腾讯地图了
    还有好多功能 可参考官网!
    官网地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

    相关文章

      网友评论

          本文标题:vue 调用微信JS-SDK

          本文链接:https://www.haomeiwen.com/subject/rrwlcrtx.html