Как получить график профиля рельефа карты Google с пути, (при наведении указателя информации) - PullRequest
Новая
       37

Как получить график профиля рельефа карты Google с пути, (при наведении указателя информации)

0 голосов
/ 06 января 2019

Я отображаю пользовательский путь, используя карту 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)'
    });
  }
...