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

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

二、设置打开导航

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})`,
          })
        }
      }
    })
  },
相关推荐
mon_star°41 分钟前
消防安全培训小程序项目亮点与功能清单
小程序
自然 醒1 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
编程迪1 小时前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
CHU7290353 小时前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序
竟未曾年少轻狂3 小时前
微信小程序-组件开发
微信小程序·小程序
CHU7290353 小时前
在线教学课堂APP功能版块设计方案:重构学习场景的交互逻辑
java·学习·小程序·重构
焦糖玛奇朵婷4 小时前
盲盒小程序开发,盲盒小程序怎么做
java·大数据·服务器·前端·小程序
想七想八不如114084 小时前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github
笨笨狗吞噬者5 小时前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
CHU7290351 天前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序