постройка пути и вывод расстояния google maps

177
25 сентября 2018, 20:20

пишу свой адрес

<?= $form->field($model, 'address', ['template' => "{label}\n{input}\n{error}"])->textInput(['required' => 'required'])->label(Yii::t('app', 'Address')) ?>

получаю координаты
id="show-location" name="Show[location]" value="(43.2459107, 76.92671330000007)"

                        <div id="map_canvas" style="width: 807px; height:380px"></div>

                        <br/>
                        <?php
                        $this->registerJs("
                        var cor1 = '$w1';
                        var cor2 = '$w2';
                        console.log('cor1:'+cor1);
                        console.log('cor2:'+cor2);
                          var geocoder;
                          var map;
                          var marker;
                          var markers = [];
                    function initialize(){
                        var latlng = new google.maps.LatLng(cor1, cor2);
                        var options = {
                            zoom: 10,
                            center: latlng,
                        };
                        map = new google.maps.Map(document.getElementById('map_canvas'), options);
                        var marker = new google.maps.Marker({
                            position: latlng,     
                            map: map
                        });

                        geocoder = new google.maps.Geocoder();

                    }
                      function DeleteMarkers() {
                    for (var i = 0; i < markers.length; i++) {
                        markers[i].setMap(null);
                            }
                            markers = [];
                        }
                    function findLocation(val){
                        geocoder.geocode( {'address': val}, function(results, status) {
                        var location = results[0].geometry.location
                        map.setCenter(location)
                        map.setZoom(15)
                        DeleteMarkers()
                        $('#show-location').val(location)
                         marker = new google.maps.Marker({
                            map: map,
                            draggable: true,
                            position: location
                        });
                      google.maps.event.addListener(marker, 'dragend', function()
                    {
                                $('#show-location').val(marker.getPosition())
                    });
                    markers.push(marker);

                    console.log(document.getElementById('show-location').value);
                    google.maps.event.addListener(marker, 'dragend', function(a) {

                    console.log('e1'+a.latLng.lat().toFixed(4));
                    console.log('e2'+a.latLng.lng().toFixed(4));
                            });
                    })
                    }
                    $(document).ready(function() {
                        initialize();
                        if( $('#show-address').val()){
                         _location = $('#show-address').val()
                           findLocation(_location)
                           }
                        $('#show-address').bind('blur keyup',function(){
                           _location = $('#show-address').val()
                           findLocation(_location)

                        })

                    });

                    var directionsDisplay = new google.maps.DirectionsRenderer();
        var directionsService = new google.maps.DirectionsService();
        directionsDisplay.setMap(map);
        directionsDisplay.setOptions( { suppressMarkers: true, suppressInfoWindows: true } );
        var start_point = new google.maps.LatLng(cor1, cor2);
        var end_point = new google.maps.LatLng (как мне добавить эту точку из полученной координаты);
        var marker = new google.maps.Marker({
            position: start_point,
            map: map
        });
        var marker = new google.maps.Marker({
            position: end_point,
            map: map,
             draggable: true,
        });     
        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, this);
        });         
        var request = {
         origin: start_point,
         destination: end_point,
         travelMode: google.maps.TravelMode.DRIVING,
         unitSystem: google.maps.UnitSystem.METRIC,
         provideRouteAlternatives: true,
         avoidHighways: false,
         avoidTolls: true
        };
        directionsService.route(request, function(result, status) {
         if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(result);
          var routes = result.routes;
          var leg = routes[0].legs;
          var lenght = leg[0].distance.text;
          var duration = leg[0].duration.text;
          infowindow = new google.maps.InfoWindow({ content: 'Дистанция: '+lenght+'<br>Продолжительность: '+duration });
          infowindow.open(map, marker);
         }
        }
        );
                    "
                        );
                        ?>
READ ALSO
Получить количество подписчиков Facebook (2018)

Получить количество подписчиков Facebook (2018)

До недавних изменений в политики Facebook, можно было создать WWW приложение и следующим образом получать количество подписчиков:

147
Как отформатировать дату в php?

Как отформатировать дату в php?

Имеется дата следующего вида 20 сентября 2017, нужно с помощью php привести ее в вид 2009

153
Знаки вопроса вместо пробелов

Знаки вопроса вместо пробелов

В базу данных с полей записываются данныеВесь тект записывается нормально но если ввести 2 пробела в базу пишется знак вопроса и выводятся...

177
Как изменить формат даты при запросе в mysql

Как изменить формат даты при запросе в mysql

Как изменить формат даты при запросе в MySQL, в базу записываю дату через NOW() и она имеет формат YYYY-MM-DD HH-MM-SS, мне нужно, чтобы при получении записи...

176