uniapp实现微信小程序导航功能

1.导航按钮

<button @click="navigation()">导航到仓库</button>

2.导航功能

const navigation = (item) => {

let address = item.province + item.city + item.district + item.address //地址

let latitude = Number(item.latitude) //经度

let longitude = Number(item.longitude) //纬度

uni.openLocation({

latitude: 22.643,

longitude: 114.021,

name: '奥华花园',

address: '广东省深圳市龙华区大浪街道奥华花园',

scale: 15,

navigate: true

})

}

相关推荐
2601_963869959 小时前
力序健身房管理系统
微信小程序·小程序
郑州光合科技余经理11 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
拖孩16 小时前
给小程序加「一键发公众号贴图」,我把 wx.shareToOfficialAccount 的三个坑趟了一遍
前端·后端·微信小程序
白远山1 天前
城市电竞陪玩调度系统实战:从派单算法到多端协同的架构拆解
java·架构·uni-app·需求分析
白远山2 天前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
StevenLdh2 天前
第四期 · 云端同步与冲突仲裁:离线可写、多端一致的工程解法
java·微信小程序
m0_462803882 天前
会议签到如何设置手写签名?从创建签到到导出签名 PDF 的完整流程
微信小程序
白远山3 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
AI工具人PM产品经理3 天前
零基础微信小程序入门:一个真实项目的里程碑路线图
微信小程序·云开发·学习路线·零基础入门·ai 编程
海鸥两三3 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp