Как получить график профиля рельефа карты Google с пути, (при наведении указателя информации)
Я отображаю пользовательский путь, используя карту Google "Высота вдоль пути", у меня есть график и путь, нарисованный на карте,
Как я могу получить график наведения, так что он будет отображать информацию о высоте на той же позиции.
это ссылка на карту Google, которая содержит график, который я хочу, это то, что у меня есть сейчас
google.load('visualization', '1', {packages: ['columnchart']});
function initMap() {
var path = [
{lat: 36.579, lng: -118.292},
{lat: 36.606, lng: -118.0638},
{lat: 36.433, lng: -117.951},
{lat: 36.588, lng: -116.943},
{lat: 36.34, lng: -117.468},
{lat: 36.24, lng: -116.832}];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: path[1]
});
var elevator = new google.maps.ElevationService;
displayPathElevation(path, elevator, map);
}
function displayPathElevation(path, elevator, map) {
new google.maps.Polyline({
path: path,
strokeColor: '#0000CC',
strokeOpacity: 0.4,
map: map
});
elevator.getElevationAlongPath({
'path': path,
'samples': 200
}, plotElevation);
}
function plotElevation(elevations, status) {
var chartDiv = document.getElementById('elevation_chart');
if (status !== 'OK') {
chartDiv.innerHTML = 'Cannot show elevation: request failed because ' +
status;
return;
}
var chart = new google.visualization.AreaChart(chartDiv);
var data = new google.visualization.DataTable();
data.addColumn('string', 'tooltip');
data.addColumn('number', 'Elevation');
for (var i = 0; i < elevations.length; i++) {
data.addRow(['', elevations[i].elevation]);
}
chart.draw(data, {
height: 150,
legend: 'none',
titleY: 'Elevation (m)'
});
}
0 ответов
По крайней мере, вы можете увидеть высоту на графике с
var data = new google.visualization.DataTable();
data.addColumn('string', 'sample');