在小程序内嵌的webview中唤醒手机地图app

最新推荐文章于 2024-06-05 09:15:26 发布

#Ltf

最新推荐文章于 2024-06-05 09:15:26 发布

阅读量1.1k

点赞数

分类专栏：小程序文章标签：小程序 javascript

本文链接：https://blog.csdn.net/weixin_46032911/article/details/128507263

版权

小程序专栏收录该内容

3 篇文章 1 订阅

订阅专栏

通过内嵌H5页面无法直接调用微信地图API，但可以通过传递经纬度参数到小程序，然后小程序根据参数唤醒地图应用，实现了从H5到小程序的地图导航功能。详细步骤包括H5端触发跳转并携带坐标，小程序接收参数并调用`wx.openLocation`打开地图。

摘要由CSDN通过智能技术生成

自己试的直接在内嵌的h5页面调用相关api打开地图发现并不生效，之后想到了一种由h5携带位置坐标参数跳到小程序，由小程序根据坐标打开地图app，果然可行。

如果想看**h5携带位置坐标参数**的话，可以看我上一篇文章，讲的很详细。

思路：在内嵌的h5页面中点击导航定位时，携带经纬度参数跳转小程序，小程序拿到参数唤醒地图app

//小程序页面
onLoad(data) {
//data为携带的参数对象，其中包含经纬度信息等
    let info_detail = data;
    if (info_detail.latitude != '' && info_detail.latitude!=undefined){
        wx.getLocation({//获取当前经纬度
          type: 'wgs84', //返回可以用于wx.openLocation的经纬度，官方提示bug: iOS 6.3.30 type 参数不生效，只会返回 wgs84 类型的坐标信息  
          success: function (res) {
            wx.openLocation({//使用微信内置地图查看位置。
              latitude: Number(info_detail.latitude),//要去的纬度-地址
              longitude: Number(info_detail.longitude),//要去的经度-地址
              address: info_detail.address
            })
          }
        })
      }
  },