You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Google Distance Matrix服务示例中显示两点间路线?

关于Google Maps Distance Matrix Service显示路线的问题

嘿,刚好对这个挺熟悉的,给你捋清楚:

首先,Distance Matrix Service本身并没有直接用来显示两个标记点间路线的参数——它的核心作用是批量计算多个起点和终点之间的距离、预计行驶时长这类数据,并不负责路线的可视化渲染。

如果想要在地图上画出两点间的路线,你需要搭配使用Google Maps的另外两个组件:

  • DirectionsService:用来请求路线的详细数据(比如行驶路径的坐标、转向信息等)
  • DirectionsRenderer:把DirectionsService返回的路线数据渲染到地图上

举个简单的示例思路,你可以在获取完Distance Matrix的数据后,再发起路线请求并渲染:

// 假设你已经初始化了地图实例map
const directionsService = new google.maps.DirectionsService();
const directionsRenderer = new google.maps.DirectionsRenderer();
directionsRenderer.setMap(map);

// 定义起点和终点(可以复用你给Distance Matrix的坐标/地址)
const request = {
  origin: "你的起点地址/坐标",
  destination: "你的终点地址/坐标",
  travelMode: google.maps.TravelMode.DRIVING // 可选DRIVING、WALKING、TRANSIT等
};

// 请求并渲染路线
directionsService.route(request, (response, status) => {
  if (status === "OK") {
    directionsRenderer.setDirections(response);
  }
});

简单来说,Distance Matrix负责提供距离时长数据,路线可视化是Directions组件的活儿,两者可以配合使用,但前者本身没有渲染路线的参数哦。

内容的提问来源于stack exchange,提问作者John Moore

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 07:24:24