Uniapp，vue拉起地图导航（微信小程序）_vue能拉起小程序吗

首先 微信拉起地图导航方法需要配合获取定位度方法使用

wx.getLocation()方法

• 这个方法需要在首页调用一下

uni.getLocation({
        type: "wgs84", //返回可以用于 wx.openLocation 的经纬度
        success(res) {
          console.log(res);
          const lat = res.latitude;
          const lng = res.longitude;
        }
      });
1
2
3
4
5
6
7
8

• 还需要再app.json里面加入 不然上线的时候审核不过

permission: {
    "scope.userLocation": {
      desc: "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  requiredPrivateInfos: ["getLocation"]
1
2
3
4
5
6

• 然后在你点击拉起按钮方法里面写入这个wx.openLocation()方法
  切记里面的经纬度需要转成数字（Number类型）例如：
• 按钮

<view onTap='toAddress(item)'>去这里</view>

1
2

• 方法

toAddress(item){
//此处item是 你获取到的当前点击的那一条数据  方法里面需要用到 名称  地址 经纬度
		uni.openLocation({
            latitude: Number(lat),  //目标纬度
            longitude: Number(lng),  //目标经度
            name: item.biz_address, //名称
            address: item.biz_address, //地址
            scale: 28
          });
}
1
2
3
4
5
6
7
8
9
10

如下图

Markdown 图标 快捷键
撤销 Ctrl /⌘+Z
重做 Ctrl /⌘+Y
加粗 Ctrl /⌘+B
斜体 Ctrl /⌘+I
标题 Ctrl /⌘+Shift +H
有序列表 Ctrl /⌘+Shift +O
无序列表 Ctrl /⌘+Shift +U
待办列表 Ctrl /⌘+Shift +C
插入代码 Ctrl /⌘+Shift +K
插入链接 Ctrl /⌘+Shift +L
插入图片 Ctrl /⌘+Shift +G
查找 Ctrl /⌘+F
替换 Ctrl /⌘+G