-1

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:

agm-map

agm-direction

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.

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!

1 Resposta 1

0

Eu tive o mesmo problema e resolvi inicializando as variáveis no início do método na classe TS.

this.latitudeInicial = undefined; this.longitudeInicial = undefined; this.mapaRotas = [];

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .