如何在React Native中用Linking打开带多途经点的谷歌地图路线

核心规则 #

谷歌地图支持通过URL直接唤起路线功能，关键格式如下：

• 基础URL结构：https://www.google.com/maps/dir/[起点坐标]/[途经点1坐标]/[途经点2坐标]/.../[终点坐标]/
• 坐标格式：必须是纬度,经度的顺序，不能搞反

处理你的locations数组 #

你的数组包含3个坐标，直接按以下逻辑处理：

• 第一个元素作为起点
• 中间的元素作为途经点
• 最后一个元素作为终点
  把这些坐标按顺序拼进URL即可。

代码示例（JavaScript） #

const locations = [
    { lat: 1.310494, long: 103.815954 },
    { lat: 1.301569, long: 103.785721 },
    { lat: 1.278916, long: 103.825573 }
];

// 将每个坐标转换为"纬度,经度"格式的字符串
const coordStrings = locations.map(spot => `${spot.lat},${spot.long}`);

// 拼接成完整的谷歌地图路线URL
const googleMapsRouteUrl = `https://www.google.com/maps/dir/${coordStrings.join('/')}/`;

// 打开链接（浏览器中跳转或唤起本地谷歌地图应用）
window.open(googleMapsRouteUrl);

补充提示 #

• 哪怕你有更多坐标点，这个逻辑也通用——自动识别起点、途经点、终点
• 直接复制拼接好的URL到浏览器地址栏，也能快速打开路线页面

内容的提问来源于stack exchange，提问作者Ricky Anwar