前端调用微信内置地图

项目中要求使用微信内置地图，在这里记录一下！
前端要做的很简单，一是调用后端接口配置appId和签名等等，二是调用微信内置位置接口，两步搞定。
1.后端接口配置appId和签名等

this.axios.get('/api_index/getSign', {params: {page_url: 'http:/wei/productseries'}}).then((res) => {
  if(res.data.code == 1) {
    let data = res.data.data
    wx.config({
      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      appId: data.appId, // 必填，公众号的唯一标识
      timestamp: data.timestamp, // 必填，生成签名的时间戳
      nonceStr: data.nonceStr, // 必填，生成签名的随机串
      signature: data.signature,// 必填，签名
      jsApiList: ['openLocation'] // 必填，需要使用的JS接口列表
    });
  }
})

2.调用微信内置位置接口

wx.openLocation({
   latitude: 23.1842092023,
   longitude: 114.586524041,
   name: '广东软件科学园',
   address: '广州市高新技术产业开发区科学城',
   scale: 14,
   infoUrl: 'http://baidu.com'
 });