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

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

二、设置打开导航

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})`,
          })
        }
      }
    })
  },
相关推荐
柯北(jvxiao)34 分钟前
爆肝三周,我终于上线了自己的第一个小程序
微信小程序·小程序
lumi.4 小时前
2.3零基础玩转uni-app轮播图:从入门到精通 (咸虾米总结)
java·开发语言·前端·vue.js·微信小程序·uni-app·vue
weixin_177297220696 小时前
剧本杀APP系统开发:打造多元化娱乐生态的先锋力量
小程序·娱乐·剧本杀
毕设源码-赖学姐6 小时前
【开题答辩全过程】以 基于Springboot+微信小程序的网上家教预约系统的设计与实现-开题为例,包含答辩的问题和答案
spring boot·后端·微信小程序
weixin_177297220696 小时前
扭蛋机小程序系统开发:连接线上线下娱乐的新桥梁
小程序·娱乐·扭蛋机·盲盒
毕设源码-赖学姐8 小时前
【开题答辩全过程】以 交通管理乱停车小程序的设计与实现为例,包含答辩的问题和答案
小程序
说私域8 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的营销创新研究——以“种草”实践践行“以人为本”理念
人工智能·小程序
说私域8 小时前
电商栏目细分与定制开发开源AI智能名片S2B2C商城小程序:洞察力与执行力的协同共进
人工智能·小程序
码海扬帆:前端探索之旅8 小时前
小程序开发指南(四)(UI 框架整合)
ui·微信小程序·小程序
lumi.10 小时前
Swiper属性全解析:快速掌握滑块视图核心配置!(2.3补充细节,详细文档在uniapp官网)
前端·javascript·css·小程序·uni-app