谷歌地圖海拔圖的X軸上的顯示距離

Question

您是否有任何人知道在Google地圖海拔圖示例（https://developers.google.com/maps/documentation/javascript/examples/elevation-paths）的X軸上添加距離的簡單方法？

我在這裏看到過幾個關於這個的條目，但沒有一個提到JSFiddle或類似的工作答案。

在此先感謝您的任何意見！

問候

/彼得

Answer 1

我創建了一個使用伴隨該分配距離基於所述總距離由列的量除以每列一些小的修改由谷歌提供的代碼的簡化解決方案。請參閱下面示例代碼的修改摘錄;

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'] 
    }); 
    }