Добавление матрицы расстояний в направление Google

Помогите мне с направлением Google, чтобы включить матрицу расстояний

на моем сайте я использую приведенный ниже код, чтобы получить карту Google. какой код я должен добавить, чтобы также показать расстояние между от и до, а также время в пути?

благодарю вас.

<div style="width: 298px;">
 <div id="map" style="width: 298px; height: 400px; float: left;"></div> 


 var directionsService = new google.maps.DirectionsService();
 var directionsDisplay = new google.maps.DirectionsRenderer();

 var map = new google.maps.Map(document.getElementById('map'), {
   zoom:7,
   mapTypeId: google.maps.MapTypeId.ROADMAP
 });

 directionsDisplay.setMap(map);
 directionsDisplay.setPanel(document.getElementById('panel'));

 var request = {
   origin: '<?php echo $contents['pickupname']; ?>', 
   destination: '<?php echo $contents['dropoffname']; ?>',
   travelMode: google.maps.DirectionsTravelMode.DRIVING
 };

 directionsService.route(request, function(response, status) {
   if (status == google.maps.DirectionsStatus.OK) {
     directionsDisplay.setDirections(response);
   }

 });


google-maps javascript google-maps-api-3 directions
person Shad    schedule 09.03.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Внесите следующие изменения:

directionsService.route(request, function(response, status) {
   if (status == google.maps.DirectionsStatus.OK) {
  directionsDisplay.setDirections(response);
}   

 var myRoute = response.routes[0].legs[0];
 var duration = myRoute.duration.value;
 var distance = myRoute.distance.value;   
});

Также обратите внимание, что этот код предназначен только для демонстрации. Вам нужно изменить код, чтобы проверить случаи, когда есть несколько маршрутов, участков. Подробную информацию см. в DirectionsResult, DirectionsRoute, DirectionsLeg

person Engineer    schedule 09.03.2012

arrow_upward
0
arrow_downward

Это решение, которое я использую:

Сначала добавьте элемент, который будет отображать ваши данные в HTML. Я использую элемент ввода следующим образом:

<input type="text" name="distance" id="distance" readonly="true" />

Когда вы делаете расчет в JS, вы отправляете эти данные на ввод. Например:

var distanceInput = document.getElementById('distance');
distanceInput.value = response.routes[0].legs[0].distance.value / 1000;
person Moirae    schedule 11.06.2014