微信小程序：如何使用经纬度打开手机自带导航？

在微信小程序开发中，根据用户的位置信息进行导航是一个常见的功能。本文将介绍如何在微信小程序中，仅知道经纬度的情况下，打开手机自带的导航。

使用 wx.openLocation 方法

微信小程序提供了一个非常方便的方法 wx.openLocation，可以直接在微信内置地图中显示位置，并提供导航功能。

                                

示例代码：

wx.openLocation({
  latitude: 纬度, // 要去的纬度-浮点数
  longitude: 经度, // 要去的经度-浮点数
  // name: '地点名称', // 可选，如果不知道可以省略
  // address: '详细地址', // 可选，如果不知道可以省略
  scale: 28, // 地图缩放级别,范围从1~28。默认为最大
  success: function(res) {
    // 打开地图成功
  },
  fail: function(err) {
    // 打开地图失败
    console.log(err);
  }
})

注意事项：

• 如果只知道经纬度而不知道地址和名称，可以省略 name 和 address 参数。
• 用户点击后，微信地图会打开并显示一个标记在指定的经纬度位置。

调用第三方地图应用进行导航

如果用户已经安装了第三方地图应用（如高德地图、百度地图等），并且希望直接使用这些应用进行导航，可以通过以下方式实现：

URL Scheme

可以构建一个URL Scheme，当用户点击时，可以直接唤起第三方地图应用进行导航。

高德地图示例：

let url = `amapuri://route/plan/?dlat=${纬度}&dlon=${经度}&dname=目的地名称&dev=0&t=0`;
wx.navigateTo({
  url: '/pages/webview/webview?url=' + encodeURIComponent(url)
});

百度地图示例：

let url = `baidumap://map/direction?destination=name:目的地名称|latlng:${纬度},${经度}&mode=driving&src=微信小程序`;
wx.navigateTo({
  url: '/pages/webview/webview?url=' + encodeURIComponent(url)
});

注意：

• 使用URL Scheme时，请确保小程序已经配置了对应的业务域名。
• 用户手机上必须已经安装了相应的地图应用。

使用小程序组件 <map>

在微信小程序页面中使用地图组件 <map> 也可以展示位置，并让用户在地图上操作。

总结

以上就是在微信小程序中根据经纬度打开手机自带导航的几种方法。你可以根据自己的需求选择最适合的方式。