Uniapp，vue拉起地图导航（微信小程序）-Toy模板网

这篇具有很好参考价值的文章主要介绍了Uniapp，vue拉起地图导航（微信小程序）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

wx.getLocation()方法

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

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

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

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

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

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

方法

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

如下图

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

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文章来源地址https://www.toymoban.com/news/detail-496264.html

到了这里，关于Uniapp，vue拉起地图导航（微信小程序）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！