0
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script>

        <script>
        var p1 = new google.maps.LatLng(50.904091364647186, 34.80847507377776);
        var p2 = new google.maps.LatLng(50.9170757, 34.80850970000001);

        console.log(calcDistance(p1, p2));

        //calculates distance between two points in km's
        function calcDistance(p1, p2) {
          return (google.maps.geometry.spherical.computeDistanceBetween(p1, p2)).toFixed(2);
        }

        </script>

Использую этот скрипт для вычисление расстояние между 2 точками, могу ли я как то вычислить расстояние с учетом автомобильного пути?

1 ответ 1

1

Для того чтобы найти расстояние с учетом автомобильного пути вам нужно

  1. Получить ключ на официальном сайте Google.
  2. Добавить скрипт Google Map API используя вам ключ, вот пример:
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
  3. Использовать объект DirectionsService для вычисления пути

        function initMap() {
        var p1 = new google.maps.LatLng(50.904091364647186, 34.80847507377776);
        var p2 = new google.maps.LatLng(50.9170757, 34.80850970000001);
    
        calcDistance(p1, p2);
    
        //calculates distance between two points in km's
       function calcDistance(p1, p2) {
           var directionsService = new google.maps.DirectionsService;
           directionsService.route({
               origin: p1,
               destination: p2,
               travelMode: 'DRIVING'
           }, function(response, status) {
               if (status === 'OK') {
                   console.log(response.routes[0].legs[0].distance.value);
               } else {
                   console.log('Directions request failed due to ' + status);
               }
          });
        }
    }
    


    В вашем примере у меня получилось 1986 метров.

2
  • А как это можно сделать на react js? 29 дек 2018 в 19:07
  • В чем именно проблема? Если в вызове функции initMap, то вы можете установить google map api через npm, например google-maps
    – Vladimir
    29 дек 2018 в 22:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.