API方法
wx.openLocation
我们需要用到微信官方文档的位置API wx.openLocation
其中的参数有很多,具体可参考官方文档:微信官方文档-位置

所需参数

latitude(必填) :纬度,范围为-90~90,负数表示南纬。使用 gcj02 国测局坐标系;
longitude(必填) :经度,范围为-180~180,负数表示西经。使用 gcj02 国测局坐标系;
scale(非必填) :缩放比例,范围5~18;
name(非必填) :位置名称(打开第三方导航前的定位描述);
address(非必填) :详细地址信息(打开导航后的地址描述);

wxml
bindtap="gomap"

 <view class="flex" style="align-items: center;" bindtap="gomap" data-name="{{item}}" data-page="map">导航</view>

JS

gomap(e) {const item=e.currentTarget.dataset.namewx.openLocation({latitude: item.currLatitude, //维度longitude: item.currLongitude, //经度name: item.branchAdress, //目的地定位名称scale: 15, //缩放比例address: item.branchAdress+item.branchName //导航详细地址})},

效果图

微信小程序经纬度获取地图导航(导航接入第三方)相关推荐

  1. uni微信小程序,打开地图,跳转第三方

    一.需求 微信小程序 需要点击并跳转第三方地图软件导航,并计算到目标位置距离 二.思路 思路: 1.接口返回需要有位置的经纬度,这个自行在后台编辑获取 2.需要获取用户的位置权限 我这边使用的是uni ...

  2. 微信小程序如何在地图选择地址并返回经纬度

    微信小程序如何在地图选择地址并返回经纬度 微信小程序的地址管理中,经常需要获取地址的详细地址信息和地址经纬度信息 实现效果: var that = thiswx.chooseLocation({suc ...

  3. uniapp:微信小程序使用高德地图进行坐标反解析获取详细地址

    开发过小程序的都了解,我们在调用 uni.getLocation Api的时候,在微信小程序端,只会返给我们一个坐标系,当前位置的经纬度,当我们需要去知道当前位置的详细地址时,我们就需要进行反解析来获 ...

  4. 微信小程序入门二:底部导航tabBar

    小程序底部导航栏组件tabBar,可以参考下官方的API:tabBar 先看代码 //app.json {"pages":["pages/index/index" ...

  5. 微信小程序之网易云音乐导航

    微信小程序之网易云音乐导航 微信小程序之网易云音乐(一)- uni-app的基本使用 微信小程序之网易云音乐(二)- uni-app标签的使用 微信小程序之网易云音乐(三)- 主页面底部导航.轮播图. ...

  6. 2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航,支持ibeacon+aoa融合,完美解决ibeacon导航存在的覆盖盲区

    2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航,支持ibeacon+aoa融合,完美解决ibeacon导航存在的覆盖盲区 核芯物联推荐生态合作伙伴莱讯科 ...

  7. uniapp+Echarts微信小程序实现中国地图

    uniapp+Echarts微信小程序实现中国地图 在uni-app项目引用Echarts 使用Echarts 地图实现: 最终效果 **项目源码**地址:[https://github.com/wa ...

  8. 在微信小程序中打开地图选择位置功能

    在微信小程序中打开地图选择位置功能 前言 首先查看效果 一.准备工作 1-1. **下载小程序地理定位** ,[qqmap-wx-jssdk.js](https://lbs.qq.com/miniPr ...

  9. 微信小程序之获取用户地址

    在微信小程序中获取定位信息 今天一整天基本上都在处理在微信小程序中获取准确地址,给出定位并给出所在城市的问题.经过走了半天弯路,现在总结一下所需要的步骤. 一. 先到腾讯位置服务中心获取KEY 通过小 ...

最新文章

  1. 单纯形法只有两个约束条件_10分钟掌握对偶单纯形法
  2. Word中更新交叉引用
  3. 【Android】对话框 AlertDialog
  4. ASCII编码/Unicode编码
  5. 2022年中国全屋智能行业研究白皮书
  6. Oracle BI11启动失败
  7. 如何方便快速在指定文件夹打开命令行
  8. STL里面的sort()函数使用结构体
  9. jade安装及基本语法使用
  10. Node.js-威富通H5微信支付
  11. 【基础常识】什么是字符以及字符串的定义
  12. 哪些人需要发表期刊论文
  13. Android 仿百合网超火爆社交app首页滑动效果
  14. Stacked Hourglass Networks
  15. My SQL 安装配置
  16. 快速爬取腾讯招聘信息
  17. Siney's BLOG - 我也来分析魔兽世界-场景组织
  18. QT运行时问题CreateDC failed
  19. atoi()函数的实现
  20. 如何用JS刷新当前页面

热门文章

  1. python 利用python处理excel文件
  2. 计算机会计期中考试,会计从业资格考试《会计电算化》基础阶段备考题
  3. PAT 1009 蜜蜂寻路
  4. Excel——如何在多种分类下填充空白单元格
  5. 6.1 手机时钟系统简介
  6. 语义分割评价指标mIOU
  7. php 获取qq头像,免费的API接口推荐(获取QQ昵称、头像、QQ秀等等)
  8. 中国通信学会开源技术委员会成立大会暨第一次全体委员会议顺利召开
  9. 存储技术和灾备解决方案要点
  10. Linux+宝塔安装swoole教程