Question

您是否知道在Google地图高程图示例（https://developers.google.com/maps/documentation/javascript/examples/elevation-paths）的X轴上添加距离的简单方法？

我在这里看到了几个关于这个的条目，但没有一个有关于JSFiddle或类似的工作答案。

提前感谢任何输入！

此致

/彼得

Answer 1

我创建了一个简化的解决方案，该解决方案使用了Google提供的代码，并附带了一些小的修改，这些修改根据总距离除以列数来为每列指定距离。请参阅以下示例代码中的修改摘录;

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Distance');
    data.addColumn('number', 'Height');
    for (var i = 0; i < elevations.length; i++) {
      data.addRow([Math.round(((totalDistance/amountOfColumns)*i)) + " m",elevations[i].elevation]);
    }

    // Draw the chart using the data within its DIV.
    chart.draw(data, {
      height: 150,
      legend: 'Height profile',
      titleY: 'Height (m)',
      titleX: 'Distance (m)',
      hAxis: {
          title: 'Distance (m)',
        },
        vAxis: {
          title: 'Height (m)'
        },
      colors: ['#000000']
    });
  }

显示谷歌地图高程图的x轴上的距离

1 个答案: