小程序唤起地图导航

小程序唤起地图导航

场景描述：小程序中使用webview内嵌h5页面，h5页面中会获取目的地经纬度调起手机自带的导航APP，那么问题来了，h5唤起手机导航打开的是网页版的，似乎小程序自带的方法就挺好用哈
代码：
首先在h5中调用微信小程序的方法，h5跳转到小程序

方法如果调用失败，检查是否引用sdk,package.json文件中是否配置
import wx from ‘weixin-js-sdk’
“weixin-js-sdk”: “^1.4.0-test”,
“weixin-jsapi”: “^1.1.0”

wx.miniProgram.navigateTo({
            url: '/pages/index/containerMap?lng=' + lng + "&lat=" + lat + "&address=" + address,
            success: function() {
              console.log('打开地图成功')
            },
            fail: function() {
              that.showPlugin("打开地图失败了~");
              return;
            },
            complete: function() {
            }
          });

接下来就是小程序对应的页面js里面
pages/index/containerMap.js

Page({
  data: {

  },

  onLoad: function (options) {
    console.log('---------------------------')
    console.log(options)
    let longitude = options.lng;
    let latitude = options.lat;
    let address = options.address;
    longitude = parseFloat(longitude);
    latitude = parseFloat(latitude);
    wx.openLocation({
      latitude: latitude,
      longitude: longitude,
      address: address,
      scale: 15
    })
  },
  
})

OK，完美打开，但是还有一个小坑没有填，导航返回到当前页面要想返回主页，需要点击两次返回键，点一次页面空白，这个后续解决，有答案的大家可以留言帮助一下可怜的孩子~