小程序mpvue输入地址调用导航

想想水门会怎么C

于 2021-08-13 16:52:09 发布

阅读量222

点赞数 1

文章标签：前端小程序

本文链接：https://blog.youkuaiyun.com/weixin_55553106/article/details/119679325

版权

在这里插入图片描述
1.以上步骤详情见腾讯位置服务官方文档，注意一点，下载了的qqmap-wx-jssdk.js的最后一句module.exports=QQMapWX 改为export default QQMapWX 不然会报错
2.

<span @click="mapLocation">导航</span>

3.在script部分添加

import QQMapWX from '../../../../utils/qqmap-wx-jssdk.js'
var qqmapsdk;

// 导航
      mapLocation(){
        qqmapsdk.search({
          keyword: this.info.warehouseAddress,  //这个为当前输入的地址
          success: function (res) {
            console.log(res);
            var lat = res.data[0].location.lat
            var lng = res.data[0].location.lng
            wx.openLocation({
              latitude:lat,
              longitude:lng
            })
          },
          fail: function (res) {
            console.log(res);
          },
          complete: function (res) {
            console.log(res);
          }
        })
      },