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

})

}

相关推荐
影子打怪29 分钟前
uniapp项目中,通过renderjs的方式展示地图,及其标点、轨迹展示、轨迹回放
uni-app
iOS阿玮3 小时前
想偷懒购买现成的应用,结果一更新就遇到了4.3a!
uni-app·app·apple
HashTang3 小时前
【AI 编程实战】第 4 篇:一次完美 vs 五轮对话 - UnoCSS 配置的正确姿势
前端·uni-app·ai编程
ee82ee8 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_12498707539 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
夏源10 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
猿究院_xyz11 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
雯0609~13 小时前
uni-app:防止重复提交
前端·javascript·uni-app
2501_9159090614 小时前
苹果应用加密方案的一种方法,在没有源码的前提下,如何处理 IPA 的安全问题
android·安全·ios·小程序·uni-app·iphone·webview
百锦再14 小时前
与AI沟通的正确方式——AI提示词:原理、策略与精通之道
android·java·开发语言·人工智能·python·ui·uni-app