1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How do limit a Route by time with Directions ? (Maps API)

Discussion in 'Google API' started by santosfa, Mar 22, 2017.

  1. #1
    hi Friends
    SEMrush
    I'm trying to generate a Route with Google Directions API. Generating the Route is not the problem, but I`d like to load the waypoints by limiting the route in 9 hours or (32.400 secs)

    I tried putting it inside a While (Loop), the process calculates the time but an error occurs in processing the Directions API (Query Over limit) Does anyone have any ideas ?

    My code...

    (function ($) {
    var directionDisplay;
    var directionsService = new google.maps.DirectionsService();
    var map;
    
    var zoomLevel = 16;
    var idInfoBoxAberto;
    var infoBox = [];
    Markers = [];
    cor = '#0586e7';
    indice = {};
    customers = new Array();
    
    var loc = ' - São Paulo,';  // Define location
    var registros = 1;
    
    function initialize() {
        directionsDisplay = new google.maps.DirectionsRenderer({ suppressMarkers: true });
    
        var sp = new google.maps.LatLng(-23.6492, -46.6600);  // Define center map (SP- Brasil)
    
        var myOptions = {
            zoom: 16,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: sp,
            disableDefaultUI: true,
            styles: [{ "stylers": [{ "saturation": -100 }, { "gamma": 1 }] }, { "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.business", "elementType": "labels.text", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.business", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.place_of_worship", "elementType": "labels.text", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.place_of_worship", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "water", "stylers": [{ "visibility": "on" }, { "saturation": 50 }, { "gamma": 0 }, { "hue": "#50a5d1" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#333333" }] }, { "featureType": "road.local", "elementType": "labels.text", "stylers": [{ "weight": 0.5 }, { "color": "#333333" }] }, { "featureType": "transit.station", "elementType": "labels.icon", "stylers": [{ "gamma": 1 }, { "saturation": 50 }] }]
        };
    
        map = new google.maps.Map(document.getElementById("google-map"), myOptions);
        directionsDisplay.setMap(map);
    
        calcRoute(' - São Paulo,');
    }
    
    initialize();
    
    function calcRoute(loc) {
    
        $.getJSON('http://dbtraining.com.br/startup/app/maps/rota/' + loc, function (pontos) {
            var RouteIndex = pontos[0].rota;
            //console.log(RouteIndex);
    
            $.each(pontos, function (index, ponto) {
    
                if (RouteIndex != ponto.rota) {
                    RouteIndex = ponto.rota;
                    cor = getRandomColor();
                }
    
                customers[registros] = {
                    "id": ponto.id,
                    "cliente": ponto.Cliente,
                    "endereco": ponto.endereco,
                    "territorio": ponto.Territorio,
                    "rota": ponto.rota,
                    "distance": ponto.distance,
                    "color": cor,
                    "lat": ponto.lat,
                    "lng": ponto.lng
                };
                registros++;
            });
    
            //Sort array by Distance
            customers.sort(function (a, b) {
                return (a.distance > b.distance) ? 1 : ((b.distance > a.distance) ? -1 : 0);
            });
    
            var start = new google.maps.LatLng(customers[0].lat, customers[0].lng);
            var end = new google.maps.LatLng(customers[0].lat, customers[0].lng);
    
            var waypts = [];
            var i = 1;
    
            var distance = 0;
            var time = 0;
            var totaltime = 0;
    
            // Load Waypoints.
            while (i < 20) {
                waypts.push({ location: customers[i].endereco, stopover: true });
    
    
                var request = {
                    origin: start,
                    destination: end,
                    waypoints: waypts,
                    optimizeWaypoints: true,
                    travelMode: google.maps.DirectionsTravelMode.WALKING
                };
    
                directionsService.route(request, function (response, status) {
                    if (status == google.maps.DirectionsStatus.OK) {
                        directionsDisplay.setDirections(response);
    
                        var route = response.routes[0];
    
                        for (var i = 0; i < route.legs.length; i++) {
                            var theLeg = route.legs[i];
    
                            var marker = new google.maps.Marker({
                                id: i,
                                position: route.legs[i].start_location,
                                map: map,
                                title: "Stop number: " + i,
                                icon: '../img/markers/marker.png',
                                label: {
                                    text: i.toString()
                                }
                            });
    
                            attachInfoWindow(marker, i, route.legs[i]);
    
                            time = theLeg.duration.value ;
                            totaltime += time + 5400;
    
                            console.log("ID.............: " + getKey(customers, "endereco", "R. Herculano de Freitas, 85 - Bela Vista, São Paulo - SP, 01308-020, Brasil"));
                            console.log("Start..........: " + theLeg.start_address);
                            console.log("Destination....: " + theLeg.end_address);
                            console.log("Location.......: " + theLeg.start_location.lat() + "," + theLeg.start_location.lng());
                            console.log("Distance.......: " + theLeg.distance.text);
                            console.log("Travel time....: " + secondsToTime(theLeg.duration.value));
                            console.log("Service time...: " + secondsToTime(5400));
                            console.log(totaltime);
                            console.log("------------------------------");
    
                        }
    
                        if (totaltime >= 32000) {
                            break; // break While Loop
                        }
    
                    } else {
                        alert("directions response " + status);
                    }
                });
    
                sleep(1000);
                i++;
            }
        }); //end getJSON
    }
    
    
    
    
    function secondsToTime(secs) {
        secs = Math.round(secs);
        var hours = Math.floor(secs / (60 * 60));
    
        var divisor_for_minutes = secs % (60 * 60);
        var minutes = Math.floor(divisor_for_minutes / 60);
    
        var divisor_for_seconds = divisor_for_minutes % 60;
        var seconds = Math.ceil(divisor_for_seconds);
    
        var t = hours + ":" + minutes + ":" + seconds;
    
        return t;
    }
    
    function sleep(milliseconds) {
        var start = new Date().getTime();
        for (var i = 0; i < 1e7; i++) {
            if ((new Date().getTime() - start) > milliseconds) {
                break;
            }
        }
    }
    
    function getRandomColor() {
        var length = 6;
        var chars = '0123456789ABCDEF';
        var hex = '#';
        while (length--) hex += chars[(Math.random() * 16) | 0];
        return hex;
    }
    
    function attachInfoWindow(marker, legIndex, leg) {
        var infowindow = new google.maps.InfoWindow({
            content: "<div><h3>Stop Number: " + legIndex + "</h3><p>" + leg.start_address + "</p><a href='#'>(Stop Details)</a></div>"
        });
        google.maps.event.addListener(marker, 'click', function () { //when the marker on map is clicked open info-window
            infowindow.open(map, marker);
            console.log(marker.get("id"));
        });
    
    }
    
    function getKey(obj, prop, val) {
        var keys = [];
        for (var key in obj) {
            if (obj[key].hasOwnProperty(prop) && obj[key][prop] === val) {
                keys.push(key);
            }
        }
        return keys;
    }
    
    function dynamicSort(property) {
        var sortOrder = 1;
        if (property[0] === "-") {
            sortOrder = -1;
            property = property.substr(1);
        }
        return function (a, b) {
            var result = (a[property] < b[property]) ? -1 : (a[property] > b[property]) ? 1 : 0;
            return result * sortOrder;
        }
    }
    
    
    
    })(window.jQuery);
    Code (JavaScript):
     
    santosfa, Mar 22, 2017 IP
    SEMrush
  2. Nick Chernets

    Nick Chernets Member

    Messages:
    55
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #2
    LEt's take a close look
     
    Nick Chernets, Apr 14, 2017 IP