谷歌地图距离/持续时间标记&标签

时间:2016-03-21 09:21:04

标签: javascript google-maps google-maps-api-3

在Google地图的此屏幕截图中,您可以看到主要路线和替代路线的驱动器持续时间和距离,以及目的地(诺士佛高尔夫俱乐部)的文字标签。

enter image description here

我正在使用Google Maps API并添加了路线和备用路线,但我无法在文档中找到有关这些距离/持续时间标记和文字标签的任何内容。

它们是否可以以任何合理的方式重新创建,还是仅供Google使用?

1 个答案:

答案 0 :(得分:0)

默认情况下,它们由谷歌控制。执行路线请求时,您可以使用supressMarkers属性

删除标记
directionsDisplay = new google.maps.DirectionsRenderer(
  {
      suppressMarkers: true
  });

参考:Directions Renderer Options

路线请求确实提供了所有转弯导航值。

此外:您可以在地图上自行添加directionRenderer的所有默认标记,从而控制您想要的方式。

directionsService = new google.maps.DirectionsService();
directionsService.route(request, function (response, status) {
   directionsDisplay = new google.maps.DirectionsRenderer(
  {
      suppressMarkers: true
  });

方向服务的所有步骤都可以在directionsDisplay.directions.routes[0].legs[0].steps中找到,它提供了信息窗口的内容和地图上显示的标记位置。

如果有航点,您将有多个routes(如果有)和多个legs

执行console.log(directionsDisplay)并进一步探索结果对象。