Javascript 在谷歌地图立面图的x轴上显示距离

Javascript 在谷歌地图立面图的x轴上显示距离,javascript,google-maps,Javascript,Google Maps,你们中有谁知道一种简单的方法可以在谷歌地图高程图示例()的X轴上添加距离吗 我在这里看到了一些关于这一点的条目,但没有一个有效的答案是关于JSFIDLE或类似的 提前感谢您的任何意见 问候 /Peter我创建了一个简化的解决方案,使用Google提供的代码,并进行了一些小的修改,根据总距离除以列数为每列分配距离。请参阅下面示例代码的修改摘录 var data = new google.visualization.DataTable(); data.addColumn('strin

你们中有谁知道一种简单的方法可以在谷歌地图高程图示例()的X轴上添加距离吗

我在这里看到了一些关于这一点的条目,但没有一个有效的答案是关于JSFIDLE或类似的

提前感谢您的任何意见

问候


/Peter

我创建了一个简化的解决方案,使用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']
    });
  }
var data=new google.visualization.DataTable();
data.addColumn('string','Distance');
data.addColumn('number','Height');
对于(变量i=0;i