微信小程序 - 根据经纬度打开导航

一、获取到指定的经纬度后

二、设置打开导航

php 复制代码
  onReady() {
    this.mapCtx = wx.createMapContext('myMap')
  },


  openMap() {
    this.mapCtx.openMapApp({
      latitude: this.data.latitude,
      longitude: this.data.longitude,
      destination: this.data.destination,
      success: (res) => {
        console.log('跳转成功', res)
      },
      fail: (err) => {
        console.error('跳转失败', err)
        this.showFallbackDialog() // 降级方案
      }
    })
  },


  showFallbackDialog() {
    wx.showModal({
      title: '提示',
      content: '检测到未安装地图应用,是否复制地址?',
      success: (res) => {
        if (res.confirm) {
          wx.setClipboardData({
            data: `${this.data.destination}(纬度:${this.data.latitude}, 经度:${this.data.longitude})`,
          })
        }
      }
    })
  },
相关推荐
2501_916008892 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
打破砂锅问到底0072 小时前
AI 驱动开发实战:10分钟从零构建「微信群相册」小程序
人工智能·微信·小程序·ai编程
CHU7290353 小时前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
QT.qtqtqtqtqt3 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
CHU7290355 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序
黑客老李14 小时前
web渗透实战 | js.map文件泄露导致的通杀漏洞
安全·web安全·小程序·黑客入门·渗透测试实战
游戏开发爱好者81 天前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 天前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 天前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息1 天前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app