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

})

}

相关推荐
AI行业学习8 分钟前
Notepad++ 下载+安装+插件集合 完整教程(Windows,安全无捆绑)
windows·notepad++
00后程序员张18 分钟前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
__zRainy__1 小时前
uni-app 全局容器实战系列(二):Vite 虚拟模块
windows·uni-app
__zRainy__1 小时前
uni-app 全局容器实战系列(一):全局容器的实现
uni-app·vite
silvia_Anne2 小时前
微信小程序首页设置
微信小程序·小程序
安生生申3 小时前
uni-app 连接 JDY-31 蓝牙串口模块实践
c语言·前端·javascript·stm32·单片机·嵌入式硬件·uni-app
小离a_a3 小时前
uniapp小程序封装圆环显示比例数据
android·小程序·uni-app
__zRainy__3 小时前
uni-app 全局容器实战系列(三):全局 NavBar 和 TabBar 组件设计
uni-app
一颗小青松17 小时前
uniapp输入框fixed定位,导致页面顶起解决方案
前端·uni-app
2501_915106321 天前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone