O problema consiste em criar um mapa com múltiplas rotas e em cada rota múltiplos waypoints, para isto, estou utilizando Angular com os seguintes módulos:
Código implementado:
HTML:
<agm-map [latitude]="latitudeInicial" [zoom]="zoomInicial" [longitude]="longitudeInicial">
<agm-direction *ngFor="let mapaRota of mapaRotas" [origin]="mapaRota.origin" [destination]="mapaRota.destination" [renderOptions]="mapaRota.options" [waypoints]="mapaRota.waypoints"></agm-direction>
</agm-map>
TS:
let mapaRota = null;
let mapaPonto = null;
let origemLatitude: number = 0;
let origemLongitude: number = 0;
let destinoLatitude: number = 0;
let destinoLongitude: number = 0;
for (var i = 0; i < this.rotasAgrupadas.length; i++) {
if (this.rotasAgrupadas[i].key != "Clientes Sem Rota") {
origemLatitude = this.rotasAgrupadas[i].value[0].oficial_gps_lat;
origemLongitude = this.rotasAgrupadas[i].value[0].oficial_gps_lon;
destinoLatitude = this.rotasAgrupadas[i].value[this.rotasAgrupadas[i].value.length - 1].oficial_gps_lat;
destinoLongitude = this.rotasAgrupadas[i].value[this.rotasAgrupadas[i].value.length - 1].oficial_gps_lon;
mapaRota = {
origin: {
lat: origemLatitude,
lng: origemLongitude
},
destination: {
lat: destinoLatitude,
lng: destinoLongitude
},
options: {
polylineOptions: {
strokeColor: this.rotasAgrupadas[i].cor
}
},
travelMode: "DRIVING",
waypoints: []
};
for (var j = 0; j < this.rotasAgrupadas[i].value.length; j++) {
if (j > 0 && j < this.rotasAgrupadas[i].value.length) {
mapaPonto = {
location: {
lat: this.rotasAgrupadas[i].value[j].oficial_gps_lat,
lng: this.rotasAgrupadas[i].value[j].oficial_gps_lon
},
stopover: true
};
mapaRota.waypoints.push(mapaPonto);
}
}
this.mapaRotas.push(mapaRota);
}
}
Ele monta 5 rotas perfeitamente, mais apartir da 5ª rota, recebo a seguinte exceção:
DIRECTIONS_ROUTE: OVER_QUERY_LIMIT: There was an issue performing a Directions request.
Como poderia resolver com base no código já implemetado? Qualquer ajuda será bem-vinda!