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

})

}

相关推荐
恩创软件开发9 小时前
创业日常2026-1-8
java·经验分享·微信小程序·小程序
腾讯云云开发17 小时前
微信发布AI小程序成长计划:免费云开发资源+1亿token额度!
微信小程序·ai编程·小程序·云开发
iOS阿玮17 小时前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple
郑州光合科技余经理18 小时前
开发实战:海外版同城o2o生活服务平台核心模块设计
开发语言·git·python·架构·uni-app·生活·智慧城市
行走的陀螺仪19 小时前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略
影子打怪19 小时前
uniapp通过plus.geolocation.watchPosition获取的坐标格式转换
uni-app
忒可君19 小时前
2026新年第一篇:uni-app + AI = 3分钟实现数据大屏
前端·vue.js·uni-app
行走的陀螺仪19 小时前
UniApp 横向可滚动 Tab 组件开发详解
uni-app·封装组件·tabs·自定义封装组件·可滚动组件tab
00后程序员张19 小时前
在 iPhone 上进行 iOS 网络抓包的实践经验
android·ios·小程序·https·uni-app·iphone·webview
2501_9159184119 小时前
介绍如何在电脑上查看 iPhone 和 iPad 的完整设备信息
android·ios·小程序·uni-app·电脑·iphone·ipad