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 Route points 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);
